Fix: Improves Chromecast casting experience

Fixes several issues and improves the overall Chromecast casting experience:

- Implements an AbortController for fetching item data to prevent race conditions.
- Syncs live progress in the mini player more accurately using elapsed real time.
- Prevents event propagation in the mini player's play/pause button.
- Ensures the disconnect callback in the connection menu is always called.
- Retries scrolling in the episode list on failure.
- Handles unmute failures gracefully in volume controls.
- Clamps seek positions to prevent exceeding duration.
- Fixes reporting playback start multiple times
- Improves segment calculation in `useChromecastSegments`
- Prevents race condition with `isPlaying` state in `Controls` component

Also includes minor UI and timing adjustments for a smoother user experience.

app/(auth)/casting-player.tsx

@@ -96,22 +96,30 @@ export default function CastingPlayerScreen() {
   const [fetchedItem, setFetchedItem] = useState<BaseItemDto | null>(null);
 
   useEffect(() => {
+    const controller = new AbortController();
+
     const fetchItemData = async () => {
       const itemId = mediaStatus?.mediaInfo?.contentId;
       if (!itemId || !api || !user?.Id) return;
 
       try {
-        const res = await getUserLibraryApi(api).getItem({
-          itemId,
-          userId: user.Id,
-        });
-        setFetchedItem(res.data);
+        const res = await getUserLibraryApi(api).getItem(
+          { itemId, userId: user.Id },
+          { signal: controller.signal },
+        );
+        if (!controller.signal.aborted) {
+          setFetchedItem(res.data);
+        }
       } catch (error) {
+        if (error instanceof DOMException && error.name === "AbortError")
+          return;
         console.error("[Casting Player] Failed to fetch item:", error);
       }
     };
 
     fetchItemData();
+
+    return () => controller.abort();
   }, [mediaStatus?.mediaInfo?.contentId, api, user?.Id]);
 
   useEffect(() => {