feat: Add onRowClick handler for interactive table rows

- Add optional onRowClick prop to TableWrapper interface
- Enable click handler for drill-down interactions
- Add visual feedback with cursor pointer and hover state
- Backward compatible - existing tables unchanged
- Uses PatternFly's isHoverable for consistent styling
- Tested in OCM Genie POC with 100+ row tables

This feature enables common use cases like:
- Navigating to detail pages
- Opening modals/drawers
- Selecting items for actions
- Expanding inline details

Author: vishsanghishetty

src/components/TableWrapper.tsx

@@ -23,10 +23,11 @@ interface TableWrapperProps {
   id: string;
   fields: FieldData[];
   className?: string;
+  onRowClick?: (rowData: Record<string, string | number | null>) => void;
 }
 
 const TableWrapper = (props: TableWrapperProps) => {
-  const { title, id, fields, className } = props;
+  const { title, id, fields, className, onRowClick } = props;
 
   // Check for missing or invalid data
   const hasNoFields = !fields || fields.length === 0;
@@ -102,7 +103,13 @@ const TableWrapper = (props: TableWrapperProps) => {
             </Thead>
             <Tbody>
               {rows.map((row, rowIndex) => (
-                <Tr key={rowIndex} data-testid={`row-${rowIndex}`}>
+                <Tr 
+                  key={rowIndex} 
+                  data-testid={`row-${rowIndex}`}
+                  onClick={() => onRowClick?.(row)}
+                  style={onRowClick ? { cursor: 'pointer' } : undefined}
+                  isHoverable={!!onRowClick}
+                >
                   {columns.map((col, colIndex) => (
                     <Td key={colIndex}>{row[col.key]}</Td>
                   ))}