add grid item card size presets

src/renderer/features/playlists/components/playlist-list-content.tsx

@@ -92,6 +92,7 @@ export const PlaylistListView = ({
                             itemsPerRow={grid.itemsPerRowEnabled ? grid.itemsPerRow : undefined}
                             query={mergedQuery}
                             serverId={server.id}
+                            size={grid.size}
                         />
                     );
                 }
@@ -103,6 +104,7 @@ export const PlaylistListView = ({
                             itemsPerRow={grid.itemsPerRowEnabled ? grid.itemsPerRow : undefined}
                             query={mergedQuery}
                             serverId={server.id}
+                            size={grid.size}
                         />
                     );
                 }

src/renderer/features/playlists/components/playlist-list-infinite-grid.tsx

@@ -27,6 +27,7 @@ export const PlaylistListInfiniteGrid = ({
     },
     saveScrollOffset = true,
     serverId,
+    size,
 }: PlaylistListInfiniteGridProps) => {
     const listCountQuery = playlistsQueries.listCount({
         query: { ...query },
@@ -64,6 +65,7 @@ export const PlaylistListInfiniteGrid = ({
             onRangeChanged={onRangeChanged}
             onScrollEnd={handleOnScrollEnd}
             rows={rows}
+            size={size}
         />
     );
 };

src/renderer/features/playlists/components/playlist-list-paginated-grid.tsx

@@ -29,6 +29,7 @@ export const PlaylistListPaginatedGrid = ({
     },
     saveScrollOffset = true,
     serverId,
+    size,
 }: PlaylistListPaginatedGridProps) => {
     const listCountQuery = playlistsQueries.listCount({
         query: { ...query },
@@ -76,6 +77,7 @@ export const PlaylistListPaginatedGrid = ({
                 itemType={LibraryItem.PLAYLIST}
                 onScrollEnd={handleOnScrollEnd}
                 rows={rows}
+                size={size}
             />
         </ItemListWithPagination>
     );