enable full row clickability

[gfletcher-cll]

This pull request refactors the ChainTable component and its styles to improve table row interaction, accessibility, and layout consistency. The main changes include making table rows clickable (instead of just the chain name), extracting lane-opening logic for reuse, and updating CSS for better alignment, minimum widths, and responsive behavior.

Component logic and accessibility improvements:

• Refactored ChainTable so that each table row is now clickable, accessible via keyboard (Enter key), and uses a new openLane function to display lane details in a drawer. This replaces the previous button-based approach for improved usability and accessibility. [1] [2]
• Added keyboard accessibility to table rows by handling onKeyDown events and setting tabIndex=0.

Table and filter layout enhancements:

• Set a minimum width (min-width: 700px) on the table to prevent column collapse when the search input expands.
• Adjusted the layout of filters and actions in the table header for better alignment and responsiveness, including pushing actions to the right and ensuring the search input does not control the overall layout. [1] [2] [3]
• Improved responsive behavior of the filter bar and actions for mobile and tablet breakpoints.

Style and code cleanup:

• Removed unused or redundant CSS related to table row states, network name styles, and statuses, streamlining the stylesheet. [1] [2]
• Simplified the markup for displaying network names and logos in table cells, removing unnecessary button wrappers. [1] [2]

These changes collectively make the table more interactive, accessible, and visually consistent across screen sizes.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
documentation	Ready	Preview	May 7, 2026 6:53pm

[github-actions]

👋 gfletcher-cll, thanks for creating this pull request!

To help reviewers, please consider creating future PRs as drafts first. This allows you to self-review and make any final changes before notifying the team.

Once you're ready, you can mark it as "Ready for review" to request feedback. Thanks!