Add initial genre list support

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

@@ -0,0 +1,46 @@
+import type { AgGridReact as AgGridReactType } from '@ag-grid-community/react/lib/agGridReact';
+import { lazy, MutableRefObject, Suspense } from 'react';
+import { Spinner } from '/@/renderer/components';
+import { VirtualInfiniteGridRef } from '/@/renderer/components/virtual-grid';
+import { useListContext } from '/@/renderer/context/list-context';
+import { useListStoreByKey } from '/@/renderer/store';
+import { ListDisplayType } from '/@/renderer/types';
+
+const GenreListGridView = lazy(() =>
+    import('/@/renderer/features/genres/components/genre-list-grid-view').then((module) => ({
+        default: module.GenreListGridView,
+    })),
+);
+
+const GenreListTableView = lazy(() =>
+    import('/@/renderer/features/genres/components/genre-list-table-view').then((module) => ({
+        default: module.GenreListTableView,
+    })),
+);
+
+interface AlbumListContentProps {
+    gridRef: MutableRefObject<VirtualInfiniteGridRef | null>;
+    itemCount?: number;
+    tableRef: MutableRefObject<AgGridReactType | null>;
+}
+
+export const GenreListContent = ({ itemCount, gridRef, tableRef }: AlbumListContentProps) => {
+    const { pageKey } = useListContext();
+    const { display } = useListStoreByKey({ key: pageKey });
+
+    return (
+        <Suspense fallback={<Spinner container />}>
+            {display === ListDisplayType.CARD || display === ListDisplayType.POSTER ? (
+                <GenreListGridView
+                    gridRef={gridRef}
+                    itemCount={itemCount}
+                />
+            ) : (
+                <GenreListTableView
+                    itemCount={itemCount}
+                    tableRef={tableRef}
+                />
+            )}
+        </Suspense>
+    );
+};