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

src/lib/components/library/PersonDetailView.svelte

@@ -3,6 +3,7 @@
   import { auth } from "$lib/stores/auth";
   import { onMount } from "svelte";
   import LibraryGrid from "./LibraryGrid.svelte";
+  import CachedImage from "$lib/components/common/CachedImage.svelte";
   import { goto } from "$app/navigation";
 
   interface Props {
@@ -14,7 +15,6 @@
   let movies = $state<MediaItem[]>([]);
   let series = $state<MediaItem[]>([]);
   let loading = $state(true);
-  let imageUrl = $state<string>("");
 
   onMount(async () => {
     await loadFilmography();
@@ -39,24 +39,6 @@
     }
   }
 
-  // Load image URL asynchronously
-  async function loadImageUrl(): Promise<void> {
-    try {
-      const repo = auth.getRepository();
-      imageUrl = await repo.getImageUrl(person.id, "Primary", {
-        maxWidth: 400,
-        tag: person.primaryImageTag,
-      });
-    } catch {
-      imageUrl = "";
-    }
-  }
-
-  // Load image when person changes
-  $effect(() => {
-    loadImageUrl();
-  });
-
   function handleItemClick(item: MediaItem) {
     goto(`/library/${item.id}`);
   }
@@ -67,19 +49,14 @@
   <div class="flex gap-6 pt-4">
     <!-- Profile image -->
     <div class="flex-shrink-0 w-48">
-      {#if imageUrl && person.primaryImageTag}
-        <img
-          src={imageUrl}
-          alt={person.name}
-          class="w-full rounded-lg shadow-lg"
-        />
-      {:else}
-        <div class="w-full aspect-square 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="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/>
-          </svg>
-        </div>
-      {/if}
+      <CachedImage
+        itemId={person.id}
+        imageType="Primary"
+        tag={person.primaryImageTag}
+        maxWidth={400}
+        alt={person.name}
+        class="w-full rounded-lg shadow-lg"
+      />
     </div>
 
     <!-- Info -->