support animated artist images

src/renderer/features/artists/components/album-artist-detail-header.tsx

@@ -128,6 +128,7 @@ export const AlbumArtistDetailHeader = forwardRef((_props, ref: Ref<HTMLDivEleme
 
     const imageUrl = useItemImageUrl({
         id: detailQuery.data?.imageId || undefined,
+        imageUrl: detailQuery.data?.imageUrl,
         itemType: LibraryItem.ALBUM_ARTIST,
         type: 'itemCard',
     });

src/renderer/features/artists/routes/album-artist-detail-route.tsx

@@ -40,10 +40,17 @@ const AlbumArtistDetailRoute = () => {
 
     const imageUrl = useItemImageUrl({
         id: detailQuery?.data?.imageId || undefined,
+        imageUrl: detailQuery.data?.imageUrl,
         itemType: LibraryItem.ALBUM_ARTIST,
         type: 'header',
     });
 
+    const libraryBackgroundImageUrl = useItemImageUrl({
+        id: detailQuery?.data?.imageId || undefined,
+        itemType: LibraryItem.ALBUM_ARTIST,
+        type: 'itemCard',
+    });
+
     const selectedImageUrl = imageUrl || detailQuery.data?.imageUrl;
 
     const { background: backgroundColor, isLoading: isColorLoading } = useFastAverageColor({
@@ -93,7 +100,7 @@ const AlbumArtistDetailRoute = () => {
                     <LibraryBackgroundImage
                         blur={artistBackgroundBlur}
                         headerRef={headerRef}
-                        imageUrl={selectedImageUrl || ''}
+                        imageUrl={libraryBackgroundImageUrl || ''}
                     />
                 ) : (
                     <LibraryBackgroundOverlay backgroundColor={background} headerRef={headerRef} />