Fixes for tests

src/routes/+page.svelte

@@ -69,7 +69,9 @@
   }
 
   const heroItems = $derived($home.heroItems);
-  const resumeItems = $derived($home.resumeItems);
+  const resumeItems = $derived($home.resumeItems.filter(
+    i => i.type === "Movie" || i.type === "Episode"
+  ));
   const nextUpItems = $derived($home.nextUpItems);
   const latestItems = $derived($home.latestItems);
   const recentlyPlayedAudio = $derived($home.recentlyPlayedAudio);

src/routes/library/[id]/+page.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { onMount } from "svelte";
+  import { onMount, untrack } from "svelte";
   import { page } from "$app/stores";
   import { goto } from "$app/navigation";
   import { invoke } from "@tauri-apps/api/core";
@@ -68,10 +68,15 @@
 
   async function loadItem() {
     if (!itemId) return;
-    loading = true;
-    error = null;
-    seasonData = [];
-    directFetchedEpisode = null;
+    // Only show spinner when navigating to a different item
+    // untrack prevents $effect from tracking `item` as a dependency (avoids infinite loop)
+    const isNewItem = untrack(() => !item || item.id !== itemId);
+    if (isNewItem) {
+      loading = true;
+      error = null;
+      seasonData = [];
+      directFetchedEpisode = null;
+    }
 
     try {
       item = await library.loadItem(itemId);
@@ -274,6 +279,10 @@
       : null
   );
 
+  const isMusicItem = $derived(
+    item?.type === "Audio" || item?.type === "MusicAlbum" || item?.type === "MusicArtist" || item?.type === "Playlist"
+  );
+
   function handleBackToSeries() {
     // Navigate to series page without the episode param
     goto(`/library/${itemId}`);
@@ -334,12 +343,16 @@
               tag={item.primaryImageTag}
               maxWidth={400}
               alt={item.name}
-              class="w-full rounded-lg shadow-lg"
+              class="w-full {isMusicItem ? 'aspect-square' : ''} rounded-lg shadow-lg"
             />
           {:else}
-            <div class="w-full aspect-[2/3] bg-[var(--color-surface)] rounded-lg flex items-center justify-center">
+            <div class="w-full {isMusicItem ? 'aspect-square' : 'aspect-[2/3]'} bg-[var(--color-surface)] rounded-lg flex items-center justify-center">
               <svg class="w-16 h-16 text-gray-600" fill="currentColor" viewBox="0 0 24 24">
-                <path d="M4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm16-4H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-8 12.5v-9l6 4.5-6 4.5z"/>
+                {#if isMusicItem}
+                  <path d="M12 3v10.55c-.59-.34-1.27-.55-2-.55-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4V7h4V3h-6z"/>
+                {:else}
+                  <path d="M4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm16-4H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-8 12.5v-9l6 4.5-6 4.5z"/>
+                {/if}
               </svg>
             </div>
           {/if}