add column resize / reorder dragging

src/renderer/features/albums/components/album-list-infinite-detail.tsx

@@ -2,6 +2,8 @@ import { UseSuspenseQueryOptions } from '@tanstack/react-query';
 
 import { api } from '/@/renderer/api';
 import { useItemListInfiniteLoader } from '/@/renderer/components/item-list/helpers/item-list-infinite-loader';
+import { useItemListColumnReorder } from '/@/renderer/components/item-list/helpers/use-item-list-column-reorder';
+import { useItemListColumnResize } from '/@/renderer/components/item-list/helpers/use-item-list-column-resize';
 import { ItemDetailList } from '/@/renderer/components/item-list/item-detail-list/item-detail';
 import { ItemListComponentProps } from '/@/renderer/components/item-list/types';
 import { albumQueries } from '/@/renderer/features/albums/api/album-api';
@@ -33,6 +35,18 @@ export const AlbumListInfiniteDetail = ({
 
     const listQueryFn = api.controller.getAlbumList;
 
+    const { handleColumnReordered } = useItemListColumnReorder({
+        itemListKey: ItemListKey.ALBUM,
+        tableKey: 'detail',
+    });
+
+    const { handleColumnResized } = useItemListColumnResize({
+        itemListKey: ItemListKey.ALBUM,
+        tableKey: 'detail',
+    });
+
+    console.log('handleColumnResized', handleColumnResized);
+
     const { getItem, itemCount, loadedItems, onRangeChanged } = useItemListInfiniteLoader({
         eventKey: ItemListKey.ALBUM,
         itemsPerPage,
@@ -49,6 +63,8 @@ export const AlbumListInfiniteDetail = ({
             enableHeader={enableHeader}
             getItem={getItem}
             itemCount={itemCount}
+            onColumnReordered={handleColumnReordered}
+            onColumnResized={handleColumnResized}
             onRangeChanged={onRangeChanged}
         />
     );