fix compact image sizing

src/renderer/components/item-list/item-table-list/columns/image-column.module.css

@@ -1,11 +1,26 @@
 .skeleton {
-    width: initial;
-    aspect-ratio: 1 / 1;
+    width: 100%;
+    height: 100%;
+    border-radius: 0;
+}
+
+.compact-image-container .skeleton {
+    border-radius: 0;
 }
 
 .compact-image-container {
     width: 100%;
+    height: 100%;
     overflow: hidden;
+    border-radius: var(--theme-radius-md);
+}
+
+.compact-image-container img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    object-position: center;
+    border-radius: 0;
 }
 
 .image-container-with-aspect-ratio {

src/renderer/components/item-list/item-table-list/columns/image-column.tsx

@@ -109,7 +109,13 @@ export const ImageColumn = (props: ItemTableListInnerColumn) => {
 
     return (
         <TableColumnContainer {...props}>
-            <Skeleton containerClassName={styles.skeleton} />
+            <div
+                className={clsx(styles.imageContainer, {
+                    [styles.compactImageContainer]: props.size === 'compact',
+                })}
+            >
+                <Skeleton containerClassName={styles.skeleton} />
+            </div>
         </TableColumnContainer>
     );
 };