Updated loading states and error states accross app

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>
   );