refactor item list to use accessor function

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

@@ -37,15 +37,16 @@ export const AlbumArtistListInfiniteGrid = ({
 
     const listQueryFn = api.controller.getAlbumArtistList;
 
-    const { data, onRangeChanged } = useItemListInfiniteLoader({
-        eventKey: ItemListKey.ALBUM_ARTIST,
-        itemsPerPage,
-        itemType: LibraryItem.ALBUM_ARTIST,
-        listCountQuery,
-        listQueryFn,
-        query,
-        serverId,
-    });
+    const { dataVersion, getItem, getItemIndex, itemCount, loadedItems, onRangeChanged } =
+        useItemListInfiniteLoader({
+            eventKey: ItemListKey.ALBUM_ARTIST,
+            itemsPerPage,
+            itemType: LibraryItem.ALBUM_ARTIST,
+            listCountQuery,
+            listQueryFn,
+            query,
+            serverId,
+        });
 
     const { handleOnScrollEnd, scrollOffset } = useItemListScrollPersist({
         enabled: saveScrollOffset,
@@ -55,12 +56,16 @@ export const AlbumArtistListInfiniteGrid = ({
 
     return (
         <ItemGridList
-            data={data}
+            data={loadedItems}
+            dataVersion={dataVersion}
             gap={gap}
+            getItem={getItem}
+            getItemIndex={getItemIndex}
             initialTop={{
                 to: scrollOffset ?? 0,
                 type: 'offset',
             }}
+            itemCount={itemCount}
             itemsPerRow={itemsPerRow}
             itemType={LibraryItem.ALBUM_ARTIST}
             onRangeChanged={onRangeChanged}