Many improvemtns and fixes related to decoupling of svelte and rust on android.

src/lib/components/library/SeasonSection.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
   import type { MediaItem } from "$lib/api/types";
-  import { auth } from "$lib/stores/auth";
   import EpisodeRow from "./EpisodeRow.svelte";
   import SeasonDownloadButton from "./SeasonDownloadButton.svelte";
+  import CachedImage from "$lib/components/common/CachedImage.svelte";
 
   interface Props {
     season: MediaItem;
@@ -13,26 +13,6 @@
 
   let { season, episodes, focusedEpisodeId, onEpisodeClick }: Props = $props();
 
-  let imageUrl = $state<string>("");
-
-  // Load image URL asynchronously
-  async function loadImageUrl(): Promise<void> {
-    try {
-      const repo = auth.getRepository();
-      imageUrl = await repo.getImageUrl(season.id, "Primary", {
-        maxWidth: 200,
-        tag: season.primaryImageTag,
-      });
-    } catch {
-      imageUrl = "";
-    }
-  }
-
-  // Load image when season changes
-  $effect(() => {
-    loadImageUrl();
-  });
-
   const episodeCount = $derived(episodes.length);
   const seasonNumber = $derived(season.indexNumber || season.parentIndexNumber);
   const seasonName = $derived(
@@ -45,20 +25,14 @@
   <div class="flex gap-4 p-4 bg-[var(--color-surface)] rounded-xl">
     <!-- Season poster -->
     <div class="flex-shrink-0 w-20 aspect-[2/3] rounded-lg overflow-hidden bg-[var(--color-background)]">
-      {#if imageUrl}
-        <img
-          src={imageUrl}
-          alt={seasonName}
-          class="w-full h-full object-cover"
-          loading="lazy"
-        />
-      {:else}
-        <div class="w-full h-full flex items-center justify-center text-gray-600">
-          <svg class="w-8 h-8" 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"/>
-          </svg>
-        </div>
-      {/if}
+      <CachedImage
+        itemId={season.id}
+        imageType="Primary"
+        tag={season.primaryImageTag}
+        maxWidth={200}
+        alt={seasonName}
+        class="w-full h-full object-cover"
+      />
     </div>
 
     <!-- Season info -->