implement item list grid card row customization

src/renderer/features/songs/components/song-list-infinite-grid.tsx

@@ -3,6 +3,7 @@ import { forwardRef } from 'react';
 
 import { api } from '/@/renderer/api';
 import { useItemListInfiniteLoader } from '/@/renderer/components/item-list/helpers/item-list-infinite-loader';
+import { useGridRows } from '/@/renderer/components/item-list/helpers/use-grid-rows';
 import { useItemListScrollPersist } from '/@/renderer/components/item-list/helpers/use-item-list-scroll-persist';
 import { ItemGridList } from '/@/renderer/components/item-list/item-grid-list/item-grid-list';
 import { ItemListGridComponentProps } from '/@/renderer/components/item-list/types';
@@ -48,6 +49,8 @@ export const SongListInfiniteGrid = forwardRef<any, SongListInfiniteGridProps>(
             enabled: saveScrollOffset,
         });
 
+        const rows = useGridRows(LibraryItem.SONG, ItemListKey.SONG);
+
         return (
             <ItemGridList
                 data={data}
@@ -60,6 +63,7 @@ export const SongListInfiniteGrid = forwardRef<any, SongListInfiniteGridProps>(
                 itemType={LibraryItem.SONG}
                 onRangeChanged={onRangeChanged}
                 onScrollEnd={handleOnScrollEnd}
+                rows={rows}
             />
         );
     },

src/renderer/features/songs/components/song-list-paginated-grid.tsx

@@ -3,12 +3,14 @@ import { forwardRef } from 'react';
 
 import { api } from '/@/renderer/api';
 import { useItemListPaginatedLoader } from '/@/renderer/components/item-list/helpers/item-list-paginated-loader';
+import { useGridRows } from '/@/renderer/components/item-list/helpers/use-grid-rows';
 import { ItemGridList } from '/@/renderer/components/item-list/item-grid-list/item-grid-list';
 import { ItemListWithPagination } from '/@/renderer/components/item-list/item-list-pagination/item-list-pagination';
 import { useItemListPagination } from '/@/renderer/components/item-list/item-list-pagination/use-item-list-pagination';
 import { ItemListGridComponentProps } from '/@/renderer/components/item-list/types';
 import { songsQueries } from '/@/renderer/features/songs/api/songs-api';
 import { LibraryItem, SongListQuery, SongListSort, SortOrder } from '/@/shared/types/domain-types';
+import { ItemListKey } from '/@/shared/types/types';
 
 interface SongListPaginatedGridProps extends ItemListGridComponentProps<SongListQuery> {}
 
@@ -44,6 +46,8 @@ export const SongListPaginatedGrid = forwardRef<any, SongListPaginatedGridProps>
             serverId,
         });
 
+        const rows = useGridRows(LibraryItem.SONG, ItemListKey.SONG);
+
         return (
             <ItemListWithPagination
                 currentPage={currentPage}
@@ -58,6 +62,7 @@ export const SongListPaginatedGrid = forwardRef<any, SongListPaginatedGridProps>
                     gap={gap}
                     itemType={LibraryItem.SONG}
                     ref={ref}
+                    rows={rows}
                 />
             </ItemListWithPagination>
         );