fix(ui): resolve table dark mode styling issues

- Update Table component to use bg-surface instead of hardcoded bg-white
- Fix TableRow hover and selected states to use design system tokens
- Update virtualized tables in agents, collections, and tool-search pages

apps/web/src/app/agents/page.tsx

@@ -224,7 +224,7 @@ export default function PublicAgentsPage(): React.ReactElement {
                   TableRow: (props) => (
                     <tr
                       {...props}
-                      className="border-b border-border bg-white dark:bg-zinc-900 hover:bg-surface transition-all duration-150 group"
+                      className="border-b border-border bg-surface hover:bg-surface-secondary transition-all duration-150 group"
                     />
                   ),
                 }}

apps/web/src/app/collections/page.tsx

@@ -269,7 +269,7 @@ export default function PublicCollectionsPage(): React.ReactElement {
                   TableRow: (props) => (
                     <tr
                       {...props}
-                      className="border-b border-border bg-white dark:bg-zinc-900 hover:bg-surface transition-all duration-150 group"
+                      className="border-b border-border bg-surface hover:bg-surface-secondary transition-all duration-150 group"
                     />
                   ),
                 }}

apps/web/src/app/tool/tool-search/page.tsx

@@ -315,7 +315,7 @@ export default function ToolSearchPage(): React.ReactElement {
                 TableRow: (props) => (
                   <tr
                     {...props}
-                    className="border-b border-border bg-white dark:bg-zinc-900 hover:bg-surface transition-all duration-150 group"
+                    className="border-b border-border bg-surface hover:bg-surface-secondary transition-all duration-150 group"
                   />
                 ),
               }}

packages/ui/src/Table/Table.tsx

@@ -83,9 +83,9 @@ const TableRow = forwardRef<HTMLTableRowElement, TableRowProps>(
     <tr
       ref={ref}
       className={cn(
-        'border-b border-border bg-white dark:bg-zinc-900 transition-colors',
+        'border-b border-border bg-surface transition-colors',
-        interactive && 'cursor-pointer hover:bg-surface',
+        interactive && 'cursor-pointer hover:bg-surface-secondary',
-        selected && 'bg-surface',
+        selected && 'bg-surface-secondary',
         className
       )}
       {...props}