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

src/pages/Dashboard.tsx

@@ -4,7 +4,10 @@ import { SightingFeedProvider } from "../context/providers/SightingFeedProvider"
 import { CAM_BASE } from "../utils/config";
 
 const Dashboard = () => {
-  const base_url = `${CAM_BASE}/SightingListFront/sightingSummary?mostRecentRef=`;
+  const mode = import.meta.env.MODE;
+  const base_url = `${CAM_BASE}/SightingList/sightingSummary?mostRecentRef=`;
+  console.log(mode);
+  console.log(base_url);
   return (
     <SightingFeedProvider url={base_url}>
       <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">

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}
       />

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}