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">