Clean up unused wrapper component

src/renderer/features/albums/routes/album-list-route.tsx

@@ -1,4 +1,4 @@
-import { VirtualGridContainer, VirtualInfiniteGridRef } from '/@/renderer/components';
+import { VirtualInfiniteGridRef } from '/@/renderer/components';
 import { AnimatedPage } from '/@/renderer/features/shared';
 import { AlbumListHeader } from '/@/renderer/features/albums/components/album-list-header';
 import { AlbumListContent } from '/@/renderer/features/albums/components/album-list-content';
@@ -62,7 +62,6 @@ const AlbumListRoute = () => {
 
   return (
     <AnimatedPage>
-      <VirtualGridContainer>
       <AlbumListHeader
         customFilters={customFilters}
         gridRef={gridRef}
@@ -76,7 +75,6 @@ const AlbumListRoute = () => {
         itemCount={itemCount}
         tableRef={tableRef}
       />
-      </VirtualGridContainer>
     </AnimatedPage>
   );
 };

src/renderer/features/artists/routes/album-artist-detail-song-list-route.tsx

@@ -3,7 +3,6 @@ import { useSetState } from '@mantine/hooks';
 import { useRef } from 'react';
 import { useParams } from 'react-router';
 import { SongListSort, SortOrder } from '/@/renderer/api/types';
-import { VirtualGridContainer } from '/@/renderer/components';
 import { AlbumArtistDetailSongListContent } from '/@/renderer/features/artists/components/album-artist-detail-song-list-content';
 import { AlbumArtistDetailSongListHeader } from '/@/renderer/features/artists/components/album-artist-detail-song-list-header';
 import { useAlbumArtistDetail } from '/@/renderer/features/artists/queries/album-artist-detail-query';
@@ -44,7 +43,6 @@ const AlbumArtistDetailSongListRoute = () => {
 
   return (
     <AnimatedPage>
-      <VirtualGridContainer>
       <AlbumArtistDetailSongListHeader
         filter={filter}
         itemCount={itemCount}
@@ -57,7 +55,6 @@ const AlbumArtistDetailSongListRoute = () => {
         itemCount={itemCount}
         tableRef={tableRef}
       />
-      </VirtualGridContainer>
     </AnimatedPage>
   );
 };

src/renderer/features/artists/routes/album-artist-detail-top-songs-list-route.tsx

@@ -1,7 +1,6 @@
 import type { AgGridReact as AgGridReactType } from '@ag-grid-community/react/lib/agGridReact';
 import { useRef } from 'react';
 import { useParams } from 'react-router';
-import { VirtualGridContainer } from '/@/renderer/components';
 import { AlbumArtistDetailTopSongsListContent } from '/@/renderer/features/artists/components/album-artist-detail-top-songs-list-content';
 import { AlbumArtistDetailTopSongsListHeader } from '/@/renderer/features/artists/components/album-artist-detail-top-songs-list-header';
 import { useAlbumArtistDetail } from '/@/renderer/features/artists/queries/album-artist-detail-query';
@@ -28,7 +27,6 @@ const AlbumArtistDetailTopSongsListRoute = () => {
 
   return (
     <AnimatedPage>
-      <VirtualGridContainer>
       <AlbumArtistDetailTopSongsListHeader
         data={topSongsQuery?.data?.items || []}
         itemCount={itemCount}
@@ -38,7 +36,6 @@ const AlbumArtistDetailTopSongsListRoute = () => {
         data={topSongsQuery?.data?.items || []}
         tableRef={tableRef}
       />
-      </VirtualGridContainer>
     </AnimatedPage>
   );
 };

src/renderer/features/artists/routes/album-artist-list-route.tsx

@@ -1,4 +1,4 @@
-import { VirtualGridContainer, VirtualInfiniteGridRef } from '/@/renderer/components';
+import { VirtualInfiniteGridRef } from '/@/renderer/components';
 import { AlbumArtistListHeader } from '/@/renderer/features/artists/components/album-artist-list-header';
 import { AnimatedPage } from '/@/renderer/features/shared';
 import type { AgGridReact as AgGridReactType } from '@ag-grid-community/react/lib/agGridReact';
@@ -32,7 +32,6 @@ const AlbumArtistListRoute = () => {
 
   return (
     <AnimatedPage>
-      <VirtualGridContainer>
       <AlbumArtistListHeader
         gridRef={gridRef}
         itemCount={itemCount}
@@ -42,7 +41,6 @@ const AlbumArtistListRoute = () => {
         gridRef={gridRef}
         tableRef={tableRef}
       />
-      </VirtualGridContainer>
     </AnimatedPage>
   );
 };

src/renderer/features/playlists/routes/playlist-detail-song-list-route.tsx

@@ -13,7 +13,7 @@ import { usePlaylistDetail } from '/@/renderer/features/playlists/queries/playli
 import { useCreatePlaylist } from '/@/renderer/features/playlists/mutations/create-playlist-mutation';
 import { AppRoute } from '/@/renderer/router/routes';
 import { useDeletePlaylist } from '/@/renderer/features/playlists/mutations/delete-playlist-mutation';
-import { Button, Paper, Text, toast, VirtualGridContainer } from '/@/renderer/components';
+import { Button, Paper, Text, toast } from '/@/renderer/components';
 import { SaveAsPlaylistForm } from '/@/renderer/features/playlists/components/save-as-playlist-form';
 import { useCurrentServer, usePlaylistDetailStore } from '/@/renderer/store';
 import { PlaylistSongListQuery, ServerType, SongListSort, SortOrder } from '/@/renderer/api/types';
@@ -162,7 +162,6 @@ const PlaylistDetailSongListRoute = () => {
 
   return (
     <AnimatedPage key={`playlist-detail-songList-${playlistId}`}>
-      <VirtualGridContainer>
       <PlaylistDetailSongListHeader
         handleToggleShowQueryBuilder={handleToggleShowQueryBuilder}
         itemCount={itemCount}
@@ -218,7 +217,6 @@ const PlaylistDetailSongListRoute = () => {
         )}
       </AnimatePresence>
       <PlaylistDetailSongListContent tableRef={tableRef} />
-      </VirtualGridContainer>
     </AnimatedPage>
   );
 };

src/renderer/features/songs/routes/song-list-route.tsx

@@ -2,7 +2,6 @@ import type { AgGridReact as AgGridReactType } from '@ag-grid-community/react/li
 import { useRef } from 'react';
 import { useSearchParams } from 'react-router-dom';
 import { SongListQuery } from '/@/renderer/api/types';
-import { VirtualGridContainer } from '/@/renderer/components';
 import { AnimatedPage } from '/@/renderer/features/shared';
 import { SongListContent } from '/@/renderer/features/songs/components/song-list-content';
 import { SongListHeader } from '/@/renderer/features/songs/components/song-list-header';
@@ -50,7 +49,6 @@ const TrackListRoute = () => {
 
   return (
     <AnimatedPage>
-      <VirtualGridContainer>
       <SongListHeader
         customFilters={customFilters}
         itemCount={itemCount}
@@ -62,7 +60,6 @@ const TrackListRoute = () => {
         itemCount={itemCount}
         tableRef={tableRef}
       />
-      </VirtualGridContainer>
     </AnimatedPage>
   );
 };