fix: Refactors casting player and components

Refactors the casting player screen and related components for improved code clarity, performance, and maintainability.

- Removes unused code and simplifies logic, especially around audio track selection and recommended stereo track handling.
- Improves the formatting of trickplay time displays for consistency.
- Streamlines UI elements and removes unnecessary conditional checks.
- Updates the Chromecast component to use hooks for side effects, ensuring the Chromecast session remains active.
- Improves the display of the language in the audio track display.

components/Chromecast.tsx

@@ -26,11 +26,11 @@ export function Chromecast({
   background = "transparent",
   ...props
 }) {
-  const _client = useRemoteMediaClient();
-  const _castDevice = useCastDevice();
+  // Hooks called for their side effects (keep Chromecast session active)
+  useRemoteMediaClient();
+  useCastDevice();
   const castState = useCastState();
-  const devices = useDevices();
-  const _sessionManager = GoogleCast.getSessionManager();
+  useDevices();
   const discoveryManager = GoogleCast.getDiscoveryManager();
   const mediaStatus = useMediaStatus();
   const api = useAtomValue(apiAtom);
@@ -46,7 +46,6 @@ export function Chromecast({
   const lastContentIdRef = useRef<string | null>(null);
   const discoveryAttempts = useRef(0);
   const maxDiscoveryAttempts = 3;
-  const hasLoggedDevices = useRef(false);
 
   // Enhanced discovery with retry mechanism - runs once on mount
   useEffect(() => {
@@ -62,7 +61,7 @@ export function Chromecast({
         // Stop any existing discovery first
         try {
           await discoveryManager.stopDiscovery();
-        } catch (_e) {
+        } catch {
           // Ignore errors when stopping
         }
 
@@ -94,25 +93,9 @@ export function Chromecast({
     };
   }, [discoveryManager]); // Only re-run if discoveryManager changes
 
-  // Log device changes for debugging - only once per session
-  useEffect(() => {
-    if (devices.length > 0 && !hasLoggedDevices.current) {
-      console.log(
-        "[Chromecast] Found device(s):",
-        devices.map((d) => d.friendlyName || d.deviceId).join(", "),
-      );
-      hasLoggedDevices.current = true;
-    }
-  }, [devices]);
-
   // Report video progress to Jellyfin server
   useEffect(() => {
-    if (
-      !api ||
-      !user?.Id ||
-      !mediaStatus ||
-      !mediaStatus.mediaInfo?.contentId
-    ) {
+    if (!api || !user?.Id || !mediaStatus?.mediaInfo?.contentId) {
       return;
     }
 

components/casting/CastingMiniPlayer.tsx

@@ -26,7 +26,11 @@ import { useSafeAreaInsets } from "react-native-safe-area-context";
 import { Text } from "@/components/common/Text";
 import { useTrickplay } from "@/hooks/useTrickplay";
 import { apiAtom } from "@/providers/JellyfinProvider";
-import { formatTime, getPosterUrl } from "@/utils/casting/helpers";
+import {
+  formatTime,
+  formatTrickplayTime,
+  getPosterUrl,
+} from "@/utils/casting/helpers";
 import { CASTING_CONSTANTS } from "@/utils/casting/types";
 import { msToTicks, ticksToSeconds } from "@/utils/time";
 
@@ -129,7 +133,8 @@ export const CastingMiniPlayer: React.FC = () => {
     ) {
       // Build season poster URL using SeriesId and image tag for cache validation
       const imageTag = currentItem.ImageTags?.Primary || "";
-      return `${api.basePath}/Items/${currentItem.SeriesId}/Images/Primary?fillHeight=120&fillWidth=80&quality=96${imageTag ? `&tag=${imageTag}` : ""}`;
+      const tagParam = imageTag ? `&tag=${imageTag}` : "";
+      return `${api.basePath}/Items/${currentItem.SeriesId}/Images/Primary?fillHeight=120&fillWidth=80&quality=96${tagParam}`;
     }
 
     // For non-episodes, use item's own poster
@@ -273,11 +278,7 @@ export const CastingMiniPlayer: React.FC = () => {
                   <Text
                     style={{ color: "#fff", fontSize: 11, fontWeight: "600" }}
                   >
-                    {`${trickplayTime.hours > 0 ? `${trickplayTime.hours}:` : ""}${
-                      trickplayTime.minutes < 10
-                        ? `0${trickplayTime.minutes}`
-                        : trickplayTime.minutes
-                    }:${trickplayTime.seconds < 10 ? `0${trickplayTime.seconds}` : trickplayTime.seconds}`}
+                    {formatTrickplayTime(trickplayTime)}
                   </Text>
                 </View>
               );
@@ -347,11 +348,7 @@ export const CastingMiniPlayer: React.FC = () => {
                   <Text
                     style={{ color: "#fff", fontSize: 10, fontWeight: "600" }}
                   >
-                    {`${trickplayTime.hours > 0 ? `${trickplayTime.hours}:` : ""}${
-                      trickplayTime.minutes < 10
-                        ? `0${trickplayTime.minutes}`
-                        : trickplayTime.minutes
-                    }:${trickplayTime.seconds < 10 ? `0${trickplayTime.seconds}` : trickplayTime.seconds}`}
+                    {formatTrickplayTime(trickplayTime)}
                   </Text>
                 </View>
               </View>