feat(casting): add DEBUG_TOUCH_ZONES overlay for hit-area calibration

components/casting/player/CastPlayerProgressBar.tsx

@@ -10,6 +10,7 @@ import type { RemoteMediaClient } from "react-native-google-cast";
 import type { SharedValue } from "react-native-reanimated";
 import { CastTrickplayBubble } from "@/components/casting/player/CastTrickplayBubble";
 import type { useTrickplay } from "@/hooks/useTrickplay";
+import { DEBUG_TOUCH_ZONES } from "@/utils/casting/debug";
 import { calculateEndingTime, formatTime } from "@/utils/casting/helpers";
 import { msToTicks, ticksToSeconds } from "@/utils/time";
 
@@ -123,6 +124,20 @@ export function CastPlayerProgressBar({
           thumbWidth={16}
           panHitSlop={{ top: 12, bottom: 12, left: 10, right: 10 }}
         />
+        {__DEV__ && DEBUG_TOUCH_ZONES && (
+          <View
+            pointerEvents='none'
+            style={{
+              position: "absolute",
+              top: -12,
+              bottom: -12,
+              left: -10,
+              right: -10,
+              borderWidth: 1,
+              borderColor: "red",
+            }}
+          />
+        )}
       </View>
 
       {/* Time display */}