Use global state for grid card views

- Prevent re-render when fetching already cached state

src/renderer/store/album-artist-list-data.store.ts

@@ -0,0 +1,37 @@
+import create from 'zustand';
+import { devtools } from 'zustand/middleware';
+import { immer } from 'zustand/middleware/immer';
+
+export interface AlbumArtistListDataState {
+  itemData: any[];
+}
+
+export interface AlbumArtistListDataSlice extends AlbumArtistListDataState {
+  actions: {
+    setItemData: (data: any[]) => void;
+  };
+}
+
+export const useAlbumArtistListDataStore = create<AlbumArtistListDataSlice>()(
+  devtools(
+    immer((set) => ({
+      actions: {
+        setItemData: (data) => {
+          set((state) => {
+            state.itemData = data;
+          });
+        },
+      },
+      itemData: [],
+    })),
+    { name: 'store_album_list_data' },
+  ),
+);
+
+export const useAlbumArtistListStoreActions = () =>
+  useAlbumArtistListDataStore((state) => state.actions);
+
+export const useAlbumArtistListItemData = () =>
+  useAlbumArtistListDataStore((state) => {
+    return { itemData: state.itemData, setItemData: state.actions.setItemData };
+  });