camera zoom handling across components; unify zoom level type and improve state management

src/components/FrontCameraSettings/OverviewVideoContainer.tsx

@@ -3,7 +3,6 @@ import { SnapshotContainer } from "../CameraOverview/SnapshotContainer";
 import Card from "../UI/Card";
 import { useNavigate, useLocation } from "react-router";
 import { useSwipeable } from "react-swipeable";
-import type { ZoomLevel } from "../../types/types";
 
 const OverviewVideoContainer = ({
   side,
@@ -14,8 +13,8 @@ const OverviewVideoContainer = ({
   title: string;
   side: string;
   settingsPage?: boolean;
-  zoomLevel?: ZoomLevel;
-  onZoomLevelChange?: (level: ZoomLevel) => void;
+  zoomLevel?: number;
+  onZoomLevelChange?: (level: number) => void;
 }) => {
   const navigate = useNavigate();
   const location = useLocation();