code fixes and adding modal

src/context/providers/SightingFeedProvider.tsx

@@ -1,4 +1,4 @@
-import type { ReactNode } from "react";
+import { useState, type ReactNode } from "react";
 import { useSightingFeed } from "../../hooks/useSightingFeed";
 import { SightingFeedContext } from "../SightingFeedContext";
 
@@ -17,23 +17,25 @@ export const SightingFeedProvider = ({
     sightings,
     selectedRef,
     setSelectedRef,
-    effectiveSelected,
+    // effectiveSelected,
+    setSelectedSighting,
+    selectedSighting,
     mostRecent,
-    isPending,
-    noSighting,
   } = useSightingFeed(url);
-
+  const [isSightingModalOpen, setSightingModalOpen] = useState(false);
   return (
     <SightingFeedContext.Provider
       value={{
         sightings,
         selectedRef,
         setSelectedRef,
-        effectiveSelected,
+        setSelectedSighting,
+        selectedSighting,
+        setSightingModalOpen,
+        isSightingModalOpen,
+        // effectiveSelected,
         mostRecent,
         side,
-        isPending,
-        noSighting,
       }}
     >
       {children}