Add Virtualized Table Rendering for Large Dataset Record Lists

[hardikkaurani]

🟡 Intermediate Issue

Problem

Dataset record lists render all rows in the DOM, causing significant lag when viewing datasets with 5,000+ records.

Why It Matters

Virtualized rendering with react-window or @tanstack/react-virtual renders only visible rows, dramatically improving scroll performance and memory usage.

Suggested Files

• frontend/src/pages/Datasets.tsx

Definition of Done

• Virtualized list rendering implemented for dataset record tables.
• Smooth scrolling with 10,000+ rows verified.
• npm run build and npm run typecheck pass.

[hardikkaurani]

👋 Maintainer Solution Guide:

1. Install @tanstack/react-virtual or react-window
2. Open frontend/src/pages/Datasets.tsx
3. Replace the full DOM list render with a virtualized list that only renders visible rows + overscan buffer
4. Test with a dataset containing 10,000+ records
5. Run npm run build && npm run typecheck

Performance win for large datasets! 🚀