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

src/components/CameraSettings/CameraSettings.tsx

@@ -1,5 +1,5 @@
 import { useFetchCameraConfig } from "../../hooks/useCameraConfig";
-import type { ZoomLevel } from "../../types/types";
+
 import Card from "../UI/Card";
 import CardHeader from "../UI/CardHeader";
 import CameraSettingFields from "./CameraSettingFields";
@@ -13,8 +13,8 @@ const CameraSettings = ({
 }: {
   title: string;
   side: string;
-  zoomLevel?: ZoomLevel;
-  onZoomLevelChange?: (level: ZoomLevel) => void;
+  zoomLevel?: number;
+  onZoomLevelChange?: (level: number) => void;
 }) => {
   const { data, isError, isPending, updateCameraConfig } =
     useFetchCameraConfig(side);