Fix cover art

Author: NellowTCS

Build/src/components/Home.tsx

@@ -190,6 +190,12 @@ export const Home: React.FC<HomeProps> = ({ musicPlayerHook, onAddMusic }) => {
   );
 
   const heroSong = playerState.currentSong || recentlyAdded[0] || null;
+
+  // Load album art for hero song if it's not the current song (which already has loaded album art)
+  const heroSongAlbumArt = useAlbumArt(
+    heroSong?.id,
+    heroSong?.hasAlbumArt && !heroSong?.albumArt,
+  );
   const hasLibraryContent = library.songs.length > 0;
 
   const stats = [
@@ -246,9 +252,9 @@ export const Home: React.FC<HomeProps> = ({ musicPlayerHook, onAddMusic }) => {
     <div className={styles.home}>
       <section className={`${styles.panel} ${styles.hero}`}>
         <div className={styles.heroArt}>
-          {heroSong?.albumArt ? (
+          {heroSong?.albumArt || heroSongAlbumArt ? (
             <img
-              src={heroSong.albumArt}
+              src={heroSong?.albumArt || heroSongAlbumArt}
               alt={t("player.albumArtAlt", { title: heroSong.title })}
             />
           ) : (

Build/src/hooks/musicPlayerHook.tsx

@@ -800,14 +800,27 @@ export const useMusicPlayer = () => {
         ? { ...song, url: `indexeddb://${song.id}` }
         : song;
 
-      // Cache the song
+      // Cache song
       await cacheSong(songToPlay);
       const cachedSong = getCachedSong(song.id);
       if (!cachedSong) {
         console.error("Failed to play song: could not cache");
         return;
       }
 
+      // Load album art for current song if it exists
+      let songWithArt = song;
+      if (song.hasAlbumArt && !song.albumArt) {
+        try {
+          const albumArt = await musicIndexedDbHelper.loadAlbumArt(song.id);
+          if (albumArt) {
+            songWithArt = { ...song, albumArt };
+          }
+        } catch (error) {
+          console.warn("Failed to load album art for current song:", error);
+        }
+      }
+
       // Prepare playlist
       const preparedPlaylist =
         playlist && "songs" in playlist
@@ -816,7 +829,7 @@ export const useMusicPlayer = () => {
 
       setPlayerState((prev) => ({
         ...prev,
-        currentSong: song,
+        currentSong: songWithArt,
         currentPlaylist: preparedPlaylist,
         isPlaying: true,
         currentTime: 0,