add grid item card size presets

src/renderer/features/genres/components/genre-list-content.tsx

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

src/renderer/features/genres/components/genre-list-infinite-grid.tsx

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

src/renderer/features/genres/components/genre-list-paginated-grid.tsx

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