Refactor camera feed handling to support dynamic camera IDs and improve context management

src/features/cameras/components/CameraSettings/cameraControls/CameraControls.tsx

@@ -1,10 +1,11 @@
+import type { CameraID } from "../../../../../app/config/cameraConfig";
 import { useCameraFeedContext } from "../../../../../app/context/CameraFeedContext";
 import SliderComponent from "../../../../../ui/SliderComponent";
 import { useCameraZoom } from "../../../hooks/useCameraZoom";
 import { useDebouncedCallback } from "use-debounce";
 
 type CameraControlsProps = {
-  cameraFeedID: "A" | "B" | "C";
+  cameraFeedID: CameraID;
 };
 
 const CameraControls = ({ cameraFeedID }: CameraControlsProps) => {