added zoom functionality, need to add endpoint to post

src/components/FrontCameraSettings/OverviewVideoContainer.tsx

@@ -3,14 +3,19 @@ import { SnapshotContainer } from "../CameraOverview/SnapshotContainer";
 import Card from "../UI/Card";
 import { useNavigate } from "react-router";
 import { useSwipeable } from "react-swipeable";
+import type { ZoomLevel } from "../../types/types";
 
 const OverviewVideoContainer = ({
   side,
   settingsPage,
+  zoomLevel,
+  onZoomLevelChange,
 }: {
   title: string;
   side: string;
   settingsPage?: boolean;
+  zoomLevel?: ZoomLevel;
+  onZoomLevelChange?: (level: ZoomLevel) => void;
 }) => {
   const navigate = useNavigate();
   const handlers = useSwipeable({
@@ -24,7 +29,12 @@ const OverviewVideoContainer = ({
       )}
     >
       <div className="w-full" {...handlers}>
-        <SnapshotContainer side={side} settingsPage={settingsPage} />
+        <SnapshotContainer
+          side={side}
+          settingsPage={settingsPage}
+          zoomLevel={zoomLevel}
+          onZoomLevelChange={onZoomLevelChange}
+        />
       </div>
     </Card>
   );