Split software arch desc for easier manintenance. Many fixes related to next video playing and remote playback

src/lib/components/player/VolumeControl.svelte

@@ -1,6 +1,8 @@
 <script lang="ts">
   import { invoke } from "@tauri-apps/api/core";
-  import { volume, isMuted } from "$lib/stores/player";
+  import { volume, isMuted, mergedVolume } from "$lib/stores/player";
+  import { isRemoteMode } from "$lib/stores/playbackMode";
+  import { selectedSession, sessions } from "$lib/stores/sessions";
   import { platform } from "@tauri-apps/plugin-os";
 
   interface Props {
@@ -13,22 +15,32 @@
   const isAndroid = platform() === "android";
 
   let showSlider = $state(false);
-  let sliderValue = $state($volume);
+  let sliderValue = $state($mergedVolume);
 
-  // Sync slider with store value
+  // Sync slider with merged volume (handles both local and remote)
   $effect(() => {
-    sliderValue = $volume;
+    sliderValue = $mergedVolume;
   });
 
   async function handleVolumeChange(e: Event) {
     const target = e.target as HTMLInputElement;
     const newVolume = parseFloat(target.value);
     sliderValue = newVolume;
-    await invoke("player_set_volume", { volume: newVolume });
+
+    if ($isRemoteMode && $selectedSession) {
+      // Remote mode: send volume as 0-100 integer to remote session
+      await sessions.sendVolume($selectedSession.id, Math.round(newVolume * 100));
+    } else {
+      await invoke("player_set_volume", { volume: newVolume });
+    }
   }
 
   async function toggleMute() {
-    await invoke("player_toggle_mute");
+    if ($isRemoteMode && $selectedSession) {
+      await sessions.sendToggleMute($selectedSession.id);
+    } else {
+      await invoke("player_toggle_mute");
+    }
   }
 
   function toggleSlider() {