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

src/pages/FrontCamera.tsx

@@ -17,15 +17,15 @@ const FrontCamera = () => {
   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">
       <OverviewVideoContainer
-        title={"Front Camera"}
-        side="CameraFront"
+        title={"Camera A"}
+        side="CameraA"
         settingsPage={true}
         zoomLevel={zoomLevel}
         onZoomLevelChange={setZoomLevel}
       />
       <CameraSettings
-        title="Front Camera Settings"
-        side="CameraFront"
+        title="Camera A Settings"
+        side="CameraA"
         zoomLevel={zoomLevel}
         onZoomLevelChange={setZoomLevel}
       />