set debounce / viewport for images used in the app

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

@@ -105,6 +105,9 @@ export const LibraryHeader = forwardRef(
                     >
                         <BaseImage
                             alt="cover"
+                            enableDebounce={false}
+                            enableViewport={false}
+                            fetchPriority="high"
                             src={imageUrl}
                             style={{
                                 maxHeight: '100%',
@@ -137,6 +140,9 @@ export const LibraryHeader = forwardRef(
                         <ItemImage
                             className={styles.image}
                             containerClassName={styles.image}
+                            enableDebounce={false}
+                            enableViewport={false}
+                            fetchPriority="high"
                             id={item.imageId}
                             itemType={item.type as LibraryItem}
                             onError={onImageError}

src/renderer/features/shared/components/multi-select-rows.tsx

@@ -51,6 +51,8 @@ export function ArtistMultiSelectRow({
         >
             <ItemImage
                 containerClassName={styles.rowImage}
+                enableDebounce={true}
+                enableViewport={false}
                 itemType={LibraryItem.ARTIST}
                 src={options[index].imageUrl}
                 type="table"