update camera base URL, enhance alert context, and improve history list functionality

src/components/SightingModal/SightingModal.tsx

@@ -5,6 +5,7 @@ import ModalComponent from "../UI/ModalComponent";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { useAlertHitContext } from "../../context/AlertHitContext";
 import { toast, Toaster } from "sonner";
+import { useCameraBlackboard } from "../../hooks/useCameraBlackboard";
 import HotListImg from "/Hotlist_Hit.svg";
 import NPED_CAT_A from "/NPED_Cat_A.svg";
 import NPED_CAT_B from "/NPED_Cat_B.svg";
@@ -24,16 +25,37 @@ const SightingModal = ({
   onDelete,
 }: SightingModalProps) => {
   const { dispatch } = useAlertHitContext();
+  const { query, mutation } = useCameraBlackboard();
 
   const handleAcknowledgeButton = () => {
-    if (!sighting) {
-      toast.error("Cannot add sighting to alert list");
+    try {
+      if (!sighting) {
+        toast.error("Cannot add sighting to alert list");
+        handleClose();
+        return;
+      }
+      if (!query.data.alertHistory) {
+        mutation.mutate({
+          operation: "INSERT",
+          path: "alertHistory",
+          value: [sighting],
+        });
+      } else {
+        mutation.mutate({
+          operation: "APPEND",
+          path: "alertHistory",
+          value: sighting,
+        });
+      }
+
+      dispatch({ type: "ADD", payload: sighting });
+      toast.success("Sighting successfully added to alert list");
+      handleClose();
+    } catch (error) {
+      console.log(error);
+      toast.error("Failed to add sighting to alert list");
       handleClose();
-      return;
     }
-    dispatch({ type: "ADD", payload: sighting });
-    toast.success("Sighting successfully added to alert list");
-    handleClose();
   };
 
   const handleDeleteClick = () => {