Introduce pagination and data virtualization to enable efficient data handling. This includes:
- Pagination Support: Integrate a configurable pager (e.g., default page size of 10 items) that divides directory contents into pages. On initial load, fetch only the first page's data via API. Subsequent page switches trigger additional API calls to retrieve the next/previous set of items from the server.
- Data Virtualization: Support virtual scrolling within the UI to dynamically load/unload items as the user scrolls, complementing the pager. This ensures only visible or nearby data is rendered, reducing memory usage and improving responsiveness.