fix wrong imageRes being used in some cases

src/renderer/components/feature-carousel/feature-carousel.tsx

@@ -122,6 +122,7 @@ const CarouselItem = ({ album }: CarouselItemProps) => {
                             id={album.imageId}
                             itemType={LibraryItem.ALBUM}
                             src={imageUrl}
+                            type="itemCard"
                         />
                         <div className={styles.playButtonOverlay}>
                             <PlayButtonGroup onPlay={handlePlay} />

src/renderer/components/item-card/item-card.tsx

@@ -335,6 +335,7 @@ const CompactItemCard = ({
                     id={data?.imageId}
                     itemType={itemType}
                     src={(data as Album | AlbumArtist | Playlist | Song)?.imageUrl}
+                    type="itemCard"
                 />
                 {isFavorite && <div className={styles.favoriteBadge} />}
                 {hasRating && <div className={styles.ratingBadge}>{userRating}</div>}
@@ -553,6 +554,7 @@ const DefaultItemCard = ({
                     id={data?.imageId}
                     itemType={itemType}
                     src={(data as Album | AlbumArtist | Playlist | Song)?.imageUrl}
+                    type="itemCard"
                 />
                 {isFavorite && <div className={styles.favoriteBadge} />}
                 {hasRating && <div className={styles.ratingBadge}>{userRating}</div>}
@@ -833,6 +835,7 @@ const PosterItemCard = ({
                     id={(data as { imageId: string })?.imageId}
                     itemType={itemType}
                     src={(data as { imageUrl: string })?.imageUrl}
+                    type="itemCard"
                 />
                 {isFavorite && <div className={styles.favoriteBadge} />}
                 {hasRating && <div className={styles.ratingBadge}>{userRating}</div>}

src/renderer/components/item-image/item-image.tsx

@@ -37,6 +37,7 @@ const BaseItemImage = (
         id?: null | string;
         itemType: LibraryItem;
         src?: null | string;
+        type?: keyof z.infer<typeof GeneralSettingsSchema>['imageRes'];
     },
 ) => {
     const { src, ...rest } = props;
@@ -45,7 +46,7 @@ const BaseItemImage = (
         id: props.id,
         imageUrl: src,
         itemType: props.itemType,
-        size: 300,
+        type: props.type,
     });
 
     return (

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

@@ -86,6 +86,7 @@ export const ImageColumn = (props: ItemTableListInnerColumn) => {
                         id={item?.imageId}
                         itemType={item?._itemType}
                         src={item?.imageUrl}
+                        type="table"
                     />
                     {isHovered && (
                         <div

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

@@ -103,6 +103,7 @@ export const DefaultTitleCombinedColumn = (props: ItemTableListInnerColumn) => {
                         id={item?.imageId}
                         itemType={item?._itemType}
                         src={item?.imageUrl}
+                        type="table"
                     />
                     {isHovered && (
                         <div
@@ -239,6 +240,7 @@ export const QueueSongTitleCombinedColumn = (props: ItemTableListInnerColumn) =>
                         id={item?.imageId}
                         itemType={item?._itemType}
                         src={item?.imageUrl}
+                        type="table"
                     />
                     {isHovered && (
                         <div

src/renderer/features/player/components/left-controls.tsx

@@ -124,6 +124,7 @@ export const LeftControls = () => {
                                         id={currentSong?.imageId}
                                         itemType={LibraryItem.SONG}
                                         loading="eager"
+                                        type="table"
                                     />
                                 </Tooltip>
                                 {!collapsed && (

src/renderer/features/player/components/mobile-playerbar.tsx

@@ -95,6 +95,7 @@ export const MobilePlayerbar = () => {
                                             id={currentSong.imageId}
                                             itemType={LibraryItem.SONG}
                                             loading="eager"
+                                            type="table"
                                         />
                                     </Tooltip>
                                 </motion.div>

src/renderer/features/playlists/components/add-to-playlist-context-modal.tsx

@@ -561,6 +561,7 @@ const PlaylistTableItem = memo(
                                     className: styles.imageContainer,
                                 }}
                                 itemType={LibraryItem.PLAYLIST}
+                                type="table"
                             />
                         </Flex>
                     </Grid.Col>

src/renderer/features/search/components/library-command-item.tsx

@@ -104,6 +104,7 @@ export const LibraryCommandItem = ({
                         id={imageId}
                         itemType={itemType}
                         src={imageUrl}
+                        type="table"
                         width={40}
                     />
                 </div>

src/renderer/features/shared/components/library-header.tsx

@@ -142,6 +142,7 @@ export const LibraryHeader = forwardRef(
                             itemType={item.type as LibraryItem}
                             onError={onImageError}
                             src={imageUrl || ''}
+                            type="header"
                         />
                     )}
                 </div>