Refactor camera configuration and overview snapshot hooks; update environment variables and changed camera names to A and B

src/pages/RearCamera.tsx

@@ -17,14 +17,14 @@ const RearCamera = () => {
   return (
     <div className="mx-auto flex flex-col lg:flex-row gap-2 px-1 sm:px-2 lg:px-0 w-full min-h-screen">
       <CameraSettings
-        title="Rear Camera Settings"
-        side={"CameraRear"}
+        title="Camera B Settings"
+        side={"CameraB"}
         zoomLevel={zoomLevel}
         onZoomLevelChange={setZoomLevel}
       />
       <OverviewVideoContainer
-        title={"Rear Camera"}
-        side={"CameraRear"}
+        title={"Camera B"}
+        side={"CameraB"}
         settingsPage={true}
         zoomLevel={zoomLevel}
         onZoomLevelChange={setZoomLevel}