Change type name, add paginated table

src/renderer/store/album.store.ts

@@ -3,14 +3,14 @@ import create from 'zustand';
 import { devtools, persist } from 'zustand/middleware';
 import { immer } from 'zustand/middleware/immer';
 import { AlbumListArgs, AlbumListSort, SortOrder } from '/@/renderer/api/types';
-import { CardDisplayType } from '/@/renderer/types';
+import { ListDisplayType } from '/@/renderer/types';
 
 type TableProps = {
   scrollOffset: number;
 };
 
 type ListProps<T> = {
-  display: CardDisplayType;
+  display: ListDisplayType;
   filter: T;
   grid: {
     scrollOffset: number;
@@ -49,7 +49,7 @@ export const useAlbumStore = create<AlbumSlice>()(
           },
         },
         list: {
-          display: CardDisplayType.CARD,
+          display: ListDisplayType.CARD,
           filter: {
             musicFolderId: undefined,
             sortBy: AlbumListSort.RECENTLY_ADDED,

src/renderer/store/song.store.ts

@@ -4,14 +4,14 @@ import { devtools, persist } from 'zustand/middleware';
 import { immer } from 'zustand/middleware/immer';
 import { SongListArgs, SongListSort, SortOrder } from '/@/renderer/api/types';
 import { DataTableProps } from '/@/renderer/store/settings.store';
-import { CardDisplayType, TableColumn } from '/@/renderer/types';
+import { ListDisplayType, TableColumn } from '/@/renderer/types';
 
 type TableProps = {
   scrollOffset: number;
 } & DataTableProps;
 
 type ListProps<T> = {
-  display: CardDisplayType;
+  display: ListDisplayType;
   filter: T;
   table: TableProps;
 };
@@ -44,7 +44,7 @@ export const useSongStore = create<SongSlice>()(
           },
         },
         list: {
-          display: CardDisplayType.TABLE,
+          display: ListDisplayType.TABLE,
           filter: {
             musicFolderId: undefined,
             sortBy: SongListSort.RECENTLY_ADDED,