many changes

src/lib/components/library/SeasonSection.svelte

@@ -13,19 +13,26 @@
 
   let { season, episodes, focusedEpisodeId, onEpisodeClick }: Props = $props();
 
-  function getImageUrl(): string {
+  let imageUrl = $state<string>("");
+
+  // Load image URL asynchronously
+  async function loadImageUrl(): Promise<void> {
     try {
       const repo = auth.getRepository();
-      return repo.getImageUrl(season.id, "Primary", {
+      imageUrl = await repo.getImageUrl(season.id, "Primary", {
         maxWidth: 200,
         tag: season.primaryImageTag,
       });
     } catch {
-      return "";
+      imageUrl = "";
     }
   }
 
-  const imageUrl = $derived(getImageUrl());
+  // Load image when season changes
+  $effect(() => {
+    loadImageUrl();
+  });
+
   const episodeCount = $derived(episodes.length);
   const seasonNumber = $derived(season.indexNumber || season.parentIndexNumber);
   const seasonName = $derived(