object-storage-ui: VirtualTable - Virtual table component for large object collections

[mark-karnaukh-extern-sap]

Description

Implement a virtualized table component to efficiently render large collections of containers and objects (1000s to 10000s of items) without performance degradation.

Part of Epic: Object Storage (Swift) API Integration
User Story: 11 - Browse Large Object Collections

---

Problem

OpenStack Swift can contain thousands of containers and objects. Rendering all items causes:

• Performance degradation (slow rendering, janky scrolling)
• High memory consumption (3,000+ DOM nodes)

---

Solution

Implement virtual scrolling using @tanstack/react-virtual:

• Render only visible rows (~25 out of 3,000+)
• Smooth 60fps scrolling
• 70%+ DOM reduction
• Integrate with Juno UI DataGrid components

---

Acceptance Criteria

• Renders only visible rows (not all items)
• Handles 3,000+ items without performance issues
• Maintains 60fps scrolling
• Sticky column headers during scroll
• Perfect column alignment with scrollbar
• Works with sorting and filtering
• Shows empty state when no items
• Memory usage < 50MB for 3,000 items

---

Related Tasks

• object-storage-ui: ContainerList - Overview of containers #488 - ContainerList - Overview of containers
• object-storage-ui: AccountInfo - Read-only account statistics and information #487 - AccountInfo - Read-only account statistics