Updated loading states and error states accross app

src/pages/Dashboard.tsx

@@ -1,12 +1,14 @@
 import FrontCameraOverviewCard from "../components/FrontCameraOverview/FrontCameraOverviewCard";
 import SightingHistoryWidget from "../components/SightingsWidget/SightingWidget";
 import { SightingFeedProvider } from "../context/providers/SightingFeedProvider";
-import { CAM_BASE } from "../utils/config";
+import { CAM_BASE, OUTSIDE_CAM_BASE } from "../utils/config";
 
 const Dashboard = () => {
   const mode = import.meta.env.MODE;
   const base_url = `${CAM_BASE}/SightingList/sightingSummary?mostRecentRef=`;
+  // const outside_url = `http://100.82.205.44/mergedHistory/sightingSummary?mostRecentRef=`;
   console.log(mode);
+  console.log(OUTSIDE_CAM_BASE);
   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/Session.tsx

@@ -1,3 +1,4 @@
+import { Toaster } from "sonner";
 import HistoryList from "../components/HistoryList/HistoryList.tsx";
 import HitSearchCard from "../components/SessionForm/HitSearchCard.tsx";
 import SessionCard from "../components/SessionForm/SessionCard.tsx";
@@ -15,6 +16,7 @@ const Session = () => {
         <div className="col-span-2">
           <HistoryList />
         </div>
+        <Toaster />
       </div>
     </SightingFeedProvider>
   );