adjust header column heights, add duration as fixed width

src/renderer/components/item-list/item-detail-list/item-detail.module.css

@@ -82,6 +82,7 @@
     display: flex;
     align-items: center;
     min-width: 0;
+    min-height: 60%;
     padding-right: var(--theme-spacing-sm);
     padding-left: var(--theme-spacing-sm);
     overflow: visible;

src/renderer/components/item-list/item-detail-list/item-detail.tsx

@@ -771,8 +771,6 @@ const DetailListHeaderCell = memo(
         columnId,
         columnWidthPercents,
         enableColumnResize,
-        enableVerticalBorders,
-        isLastColumn,
         onColumnReordered,
         onColumnResized,
         tableId,
@@ -892,8 +890,6 @@ const DetailListHeaderCell = memo(
                     [styles.trackHeaderCellDraggedOverRight]: isDraggedOver === 'right',
                     [styles.trackHeaderCellDragging]: isDragging,
                     [styles.trackHeaderCellNoHPadding]: isNoHorizontalPaddingColumn(columnId),
-                    [styles.trackHeaderCellWithVerticalBorder]:
-                        enableVerticalBorders && !isLastColumn,
                 })}
                 ref={containerRef}
                 role="columnheader"
@@ -1090,8 +1086,6 @@ const DetailListHeader = memo(
                                     className={clsx(styles.trackHeaderCell, {
                                         [styles.trackHeaderCellNoHPadding]:
                                             isNoHorizontalPaddingColumn(col.id),
-                                        [styles.trackHeaderCellWithVerticalBorder]:
-                                            enableVerticalBorders && !isLastColumn,
                                     })}
                                     key={col.id}
                                     role="columnheader"

src/renderer/components/item-list/item-detail-list/utils.ts

@@ -9,6 +9,7 @@ const FIXED_TRACK_COLUMN_WIDTHS: Partial<Record<TableColumn, number>> = {
     [TableColumn.CODEC]: 80,
     [TableColumn.DATE_ADDED]: 128,
     [TableColumn.DISC_NUMBER]: 36,
+    [TableColumn.DURATION]: 72,
     [TableColumn.RELEASE_DATE]: 128,
     [TableColumn.SAMPLE_RATE]: 90,
     [TableColumn.TRACK_NUMBER]: 56,

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

@@ -45,8 +45,6 @@ export const AlbumListInfiniteDetail = ({
         tableKey: 'detail',
     });
 
-    console.log('handleColumnResized', handleColumnResized);
-
     const { getItem, itemCount, loadedItems, onRangeChanged } = useItemListInfiniteLoader({
         eventKey: ItemListKey.ALBUM,
         itemsPerPage,