Add virtualization to DomainRankingsTable

[Copilot]

The rankings list renders all entries in the DOM simultaneously, causing unnecessary work as the list grows.

Changes

• @tanstack/react-virtual: Added as dependency for windowed list rendering.
• DomainRankingsTable.tsx: Replaced rankings.map(...) in the full list section with a virtualized scroll container using useVirtualizer:
  • max-h-[600px] scrollable container with parentRef
  • Absolutely-positioned rows via translateY(virtualRow.start) within a full-height inner div
  • estimateSize: 56px, overscan: 5
  • First-row border conditionally suppressed to preserve original divider appearance

const rowVirtualizer = useVirtualizer({
  count: rankings.length,
  getScrollElement: () => parentRef.current,
  estimateSize: () => 56,
  overscan: 5,
})

The top-3 podium section is unchanged — virtualization applies only to the scrollable full list below it.

Original prompt

Add virtualization for the ranking list so we don't render the entire list.

---

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
citable	Ready	Preview, Comment	Feb 21, 2026 1:17pm

[dacs30]

Can we not use the current lib that was suggested?