add grid item card size presets

src/renderer/features/artists/components/album-artist-list-content.tsx

@@ -94,6 +94,7 @@ export const AlbumArtistListView = ({
                             itemsPerRow={grid.itemsPerRowEnabled ? grid.itemsPerRow : undefined}
                             query={mergedQuery}
                             serverId={server.id}
+                            size={grid.size}
                         />
                     );
                 }
@@ -105,6 +106,7 @@ export const AlbumArtistListView = ({
                             itemsPerRow={grid.itemsPerRowEnabled ? grid.itemsPerRow : undefined}
                             query={mergedQuery}
                             serverId={server.id}
+                            size={grid.size}
                         />
                     );
                 }

src/renderer/features/artists/components/album-artist-list-infinite-grid.tsx

@@ -28,6 +28,7 @@ export const AlbumArtistListInfiniteGrid = ({
     },
     saveScrollOffset = true,
     serverId,
+    size,
 }: AlbumArtistListInfiniteGridProps) => {
     const listCountQuery = artistsQueries.albumArtistListCount({
         query: { ...query },
@@ -65,6 +66,7 @@ export const AlbumArtistListInfiniteGrid = ({
             onRangeChanged={onRangeChanged}
             onScrollEnd={handleOnScrollEnd}
             rows={rows}
+            size={size}
         />
     );
 };

src/renderer/features/artists/components/album-artist-list-paginated-grid.tsx

@@ -30,6 +30,7 @@ export const AlbumArtistListPaginatedGrid = ({
     },
     saveScrollOffset = true,
     serverId,
+    size,
 }: AlbumArtistListPaginatedGridProps) => {
     const listCountQuery = artistsQueries.albumArtistListCount({
         query: { ...query },
@@ -77,6 +78,7 @@ export const AlbumArtistListPaginatedGrid = ({
                 itemType={LibraryItem.ALBUM_ARTIST}
                 onScrollEnd={handleOnScrollEnd}
                 rows={rows}
+                size={size}
             />
         </ItemListWithPagination>
     );

src/renderer/features/artists/components/artist-list-content.tsx

@@ -86,6 +86,7 @@ export const ArtistListView = ({
                             itemsPerRow={grid.itemsPerRowEnabled ? grid.itemsPerRow : undefined}
                             query={mergedQuery}
                             serverId={server.id}
+                            size={grid.size}
                         />
                     );
                 }
@@ -97,6 +98,7 @@ export const ArtistListView = ({
                             itemsPerRow={grid.itemsPerRowEnabled ? grid.itemsPerRow : undefined}
                             query={mergedQuery}
                             serverId={server.id}
+                            size={grid.size}
                         />
                     );
                 }

src/renderer/features/artists/components/artist-list-infinite-grid.tsx

@@ -27,6 +27,7 @@ export const ArtistListInfiniteGrid = ({
     },
     saveScrollOffset = true,
     serverId,
+    size,
 }: ArtistListInfiniteGridProps) => {
     const listCountQuery = artistsQueries.artistListCount({
         query: { ...query },
@@ -64,6 +65,7 @@ export const ArtistListInfiniteGrid = ({
             onRangeChanged={onRangeChanged}
             onScrollEnd={handleOnScrollEnd}
             rows={rows}
+            size={size}
         />
     );
 };

src/renderer/features/artists/components/artist-list-paginated-grid.tsx

@@ -29,6 +29,7 @@ export const ArtistListPaginatedGrid = ({
     },
     saveScrollOffset = true,
     serverId,
+    size,
 }: ArtistListPaginatedGridProps) => {
     const listCountQuery = artistsQueries.artistListCount({
         query: { ...query },
@@ -76,6 +77,7 @@ export const ArtistListPaginatedGrid = ({
                 itemType={LibraryItem.ARTIST}
                 onScrollEnd={handleOnScrollEnd}
                 rows={rows}
+                size={size}
             />
         </ItemListWithPagination>
     );