The /memory data grid grew unboundedly with table rows, pushing the
horizontal scrollbar to the very bottom of a tall page and making it
inaccessible without scrolling all the way down first.
- Layout: change outer shell from min-h-screen to h-screen +
overflow-hidden, and add min-h-0 to <main> so flex-1 overflow-y-auto
actually clamps at the viewport boundary instead of growing infinitely.
- Memory page: switch root div to flex-col h-full so it fills the
bounded main area; give the glass-card table wrapper flex-1 min-h-0
overflow-auto so it consumes remaining space and exposes both
scrollbars without any page-level scrolling required.
- index.css: pin .table-electric thead th with position:sticky / top:0
and a matching opaque background so column headers stay visible
during vertical scroll inside the bounded card.
The result behaves like a bounded iframe: the table fills the available
screen, rows scroll vertically, wide columns scroll horizontally, and
both scrollbars are always reachable.