refactor: replace any types with proper TypeScript types

Improves type safety throughout the codebase by eliminating unsafe `any` type assertions and replacing them with proper type definitions.

Adds explicit type parameters and constraints to MMKV augmentations, component props, and router navigation calls. Updates function signatures to use `unknown` instead of `any` where appropriate, and properly types Icon glyphs, router Href parameters, and component prop spreads.

Enhances maintainability and catches potential type errors at compile time rather than runtime.

components/video-player/controls/Controls.tsx

@@ -3,7 +3,7 @@ import type {
   BaseItemDto,
   MediaSourceInfo,
 } from "@jellyfin/sdk/lib/generated-client";
-import { useLocalSearchParams, useRouter } from "expo-router";
+import { type Href, useLocalSearchParams, useRouter } from "expo-router";
 import {
   type Dispatch,
   type FC,
@@ -379,7 +379,7 @@ export const Controls: FC<Props> = ({
 
       console.log("queryParams", queryParams);
 
-      router.replace(`player/direct-player?${queryParams}` as any);
+      router.replace(`player/direct-player?${queryParams}` as Href);
     },
     [settings, subtitleIndex, audioIndex, mediaSource, bitrateValue, router],
   );

components/video-player/controls/GestureOverlay.tsx

@@ -18,7 +18,7 @@ interface Props {
 
 interface FeedbackState {
   visible: boolean;
-  icon: string;
+  icon: keyof typeof Ionicons.glyphMap;
   text: string;
   side?: "left" | "right";
 }
@@ -36,7 +36,7 @@ export const GestureOverlay = ({
 
   const [feedback, setFeedback] = useState<FeedbackState>({
     visible: false,
-    icon: "",
+    icon: "play",
     text: "",
   });
   const [fadeAnim] = useState(new Animated.Value(0));
@@ -46,7 +46,7 @@ export const GestureOverlay = ({
 
   const showFeedback = useCallback(
     (
-      icon: string,
+      icon: keyof typeof Ionicons.glyphMap,
       text: string,
       side?: "left" | "right",
       isDuringDrag = false,
@@ -320,7 +320,7 @@ export const GestureOverlay = ({
           }}
         >
           <Ionicons
-            name={feedback.icon as any}
+            name={feedback.icon}
             size={24}
             color='white'
             style={{ marginRight: 8 }}

components/video-player/controls/contexts/VideoContext.tsx

@@ -1,5 +1,5 @@
 import { SubtitleDeliveryMethod } from "@jellyfin/sdk/lib/generated-client";
-import { router, useLocalSearchParams } from "expo-router";
+import { type Href, router, useLocalSearchParams } from "expo-router";
 import type React from "react";
 import {
   createContext,
@@ -95,7 +95,7 @@ export const VideoProvider: React.FC<VideoProviderProps> = ({
       playbackPosition: playbackPosition,
     }).toString();
 
-    router.replace(`player/direct-player?${queryParams}` as any);
+    router.replace(`player/direct-player?${queryParams}` as Href);
   };
 
   const setTrackParams = (

components/video-player/controls/dropdown/DropdownView.tsx

@@ -1,5 +1,5 @@
 import { Ionicons } from "@expo/vector-icons";
-import { useLocalSearchParams, useRouter } from "expo-router";
+import { type Href, useLocalSearchParams, useRouter } from "expo-router";
 import { useCallback, useMemo, useRef } from "react";
 import { Platform, View } from "react-native";
 import { BITRATES } from "@/components/BitrateSelector";
@@ -53,7 +53,7 @@ const DropdownView = () => {
         bitrateValue: bitrate.toString(),
         playbackPosition: playbackPositionRef.current,
       }).toString();
-      router.replace(`player/direct-player?${queryParams}` as any);
+      router.replace(`player/direct-player?${queryParams}` as Href);
     },
     [audioIndex, subtitleIndex, router],
   );