use ItemImage in library header

src/renderer/features/albums/components/album-detail-header.tsx

@@ -91,12 +91,6 @@ export const AlbumDetailHeader = forwardRef<HTMLDivElement>((_props, ref) => {
     const releaseYear = detailQuery?.data?.releaseYear;
     const releaseDate = detailQuery?.data?.releaseDate;
 
-    const imageUrl = useItemImageUrl({
-        id: detailQuery?.data?.imageId || undefined,
-        itemType: LibraryItem.ALBUM,
-        type: 'header',
-    });
-
     const metadataItems = useMemo(() => {
         const items: Array<{ id: string; value: React.ReactNode | string | undefined }> = [];
 
@@ -192,9 +186,10 @@ export const AlbumDetailHeader = forwardRef<HTMLDivElement>((_props, ref) => {
     return (
         <Stack ref={ref}>
             <LibraryHeader
-                imageUrl={imageUrl}
                 item={{
                     children: headerItem,
+                    imageId: detailQuery?.data?.imageId,
+                    imageUrl: detailQuery?.data?.imageUrl,
                     route: AppRoute.LIBRARY_ALBUMS,
                     type: LibraryItem.ALBUM,
                 }}

src/renderer/features/albums/routes/dummy-album-detail-route.tsx

@@ -126,7 +126,12 @@ const DummyAlbumDetailRoute = () => {
                 <Stack>
                     <LibraryHeader
                         imageUrl={imageUrl}
-                        item={{ route: AppRoute.LIBRARY_SONGS, type: LibraryItem.SONG }}
+                        item={{
+                            imageId: detailQuery?.data?.imageId,
+                            imageUrl: detailQuery?.data?.imageUrl,
+                            route: AppRoute.LIBRARY_SONGS,
+                            type: LibraryItem.SONG,
+                        }}
                         loading={!background || colorId !== albumId}
                         title={detailQuery?.data?.name || ''}
                     >