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

src/lib/components/library/EpisodeRow.svelte

@@ -1,10 +1,10 @@
 <script lang="ts">
   import { onMount } from "svelte";
   import type { MediaItem } from "$lib/api/types";
-  import { auth } from "$lib/stores/auth";
   import { downloads } from "$lib/stores/downloads";
   import { formatDuration } from "$lib/utils/duration";
   import VideoDownloadButton from "./VideoDownloadButton.svelte";
+  import CachedImage from "$lib/components/common/CachedImage.svelte";
 
   interface Props {
     episode: MediaItem;
@@ -15,7 +15,6 @@
   let { episode, focused = false, onclick }: Props = $props();
 
   let buttonRef: HTMLButtonElement | null = null;
-  let imageUrl = $state<string>("");
 
   onMount(() => {
     if (focused && buttonRef) {
@@ -37,24 +36,6 @@
   );
   const downloadProgress = $derived(downloadInfo?.progress || 0);
 
-  // Load image URL asynchronously
-  async function loadImageUrl(): Promise<void> {
-    try {
-      const repo = auth.getRepository();
-      imageUrl = await repo.getImageUrl(episode.id, "Primary", {
-        maxWidth: 320,
-        tag: episode.primaryImageTag,
-      });
-    } catch {
-      imageUrl = "";
-    }
-  }
-
-  // Load image when episode changes
-  $effect(() => {
-    loadImageUrl();
-  });
-
   const progress = $derived(() => {
     if (!episode.userData || !episode.runTimeTicks) {
       return 0;
@@ -74,20 +55,14 @@
 >
   <!-- Thumbnail -->
   <div class="relative flex-shrink-0 w-40 aspect-video rounded-lg overflow-hidden bg-[var(--color-surface)]">
-    {#if imageUrl}
-      <img
-        src={imageUrl}
-        alt={episode.name}
-        class="w-full h-full object-cover transition-transform group-hover/row:scale-105"
-        loading="lazy"
-      />
-    {:else}
-      <div class="w-full h-full flex items-center justify-center text-gray-600">
-        <svg class="w-10 h-10" 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={episode.id}
+      imageType="Primary"
+      tag={episode.primaryImageTag}
+      maxWidth={320}
+      alt={episode.name}
+      class="w-full h-full object-cover transition-transform group-hover/row:scale-105"
+    />
 
     <!-- Hover overlay with play icon -->
     <div class="absolute inset-0 bg-black/0 group-hover/row:bg-black/30 transition-colors flex items-center justify-center">