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

src/routes/library/+layout.svelte

@@ -1,17 +1,22 @@
 <script lang="ts">
-  import { onMount } from "svelte";
+  import { onMount, onDestroy, setContext } from "svelte";
   import { goto } from "$app/navigation";
   import { page } from "$app/stores";
   import { invoke } from "@tauri-apps/api/core";
   import { platform } from "@tauri-apps/plugin-os";
   import { auth, isAuthenticated, isLoading as isAuthLoading, currentUser } from "$lib/stores/auth";
   import { library } from "$lib/stores/library";
-  import { currentMedia, isPlaying, playbackPosition, playbackDuration } from "$lib/stores/player";
+  import { currentMedia, isPlaying, playbackPosition, playbackDuration, shouldShowAudioMiniPlayer } from "$lib/stores/player";
+  import { useScrollGuard } from "$lib/composables/useScrollGuard";
   import Search from "$lib/components/Search.svelte";
   import MiniPlayer from "$lib/components/player/MiniPlayer.svelte";
   import AudioPlayer from "$lib/components/player/AudioPlayer.svelte";
   import SleepTimerModal from "$lib/components/player/SleepTimerModal.svelte";
 
+  // Scroll guard prevents accidental taps on library cards during/after scrolling (Android)
+  const scrollGuard = useScrollGuard(300);
+  setContext("scrollGuard", scrollGuard);
+
   let { children } = $props();
 
   let searchQuery = $state("");
@@ -48,6 +53,7 @@
     return () => {
       clearTimeout(timeoutId);
       if (pollInterval) clearInterval(pollInterval);
+      scrollGuard.cleanup();
     };
   });
 
@@ -241,8 +247,12 @@
       </div>
     </header>
 
-    <!-- Main content (with padding for nav bar and mini player) -->
-    <main class="flex-1 overflow-y-auto p-4 pb-16 {$currentMedia && $currentMedia.type !== 'Movie' && $currentMedia.type !== 'Episode' ? (isAndroid ? 'pb-40' : 'pb-40 md:pb-24') : ''}">
+    <!-- Main content (with padding for bottom nav bar and mini player) -->
+    <main
+      class="flex-1 overflow-y-auto p-4"
+      style="padding-bottom: {$shouldShowAudioMiniPlayer ? (isAndroid ? '11rem' : '7rem') : '5rem'}; overscroll-behavior: contain"
+      onscroll={scrollGuard.onScroll}
+    >
       {@render children()}
     </main>