add draggable table column reorder

src/renderer/features/songs/components/song-list-infinite-table.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 { 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 { useItemListScrollPersist } from '/@/renderer/components/item-list/helpers/use-item-list-scroll-persist';
 import { ItemTableList } from '/@/renderer/components/item-list/item-table-list/item-table-list';
@@ -56,6 +57,10 @@ export const SongListInfiniteTable = forwardRef<any, SongListInfiniteTableProps>
             enabled: saveScrollOffset,
         });
 
+        const { handleColumnReordered } = useItemListColumnReorder({
+            itemListKey: ItemListKey.SONG,
+        });
+
         const { handleColumnResized } = useItemListColumnResize({
             itemListKey: ItemListKey.SONG,
         });
@@ -76,6 +81,7 @@ export const SongListInfiniteTable = forwardRef<any, SongListInfiniteTableProps>
                     type: 'offset',
                 }}
                 itemType={LibraryItem.SONG}
+                onColumnReordered={handleColumnReordered}
                 onColumnResized={handleColumnResized}
                 onRangeChanged={onRangeChanged}
                 onScrollEnd={handleOnScrollEnd}