- updated state for tracking sessions

- removed un used state in sighting feed

- added groupings depending on sightings

src/hooks/useSightingFeed.ts

@@ -22,7 +22,6 @@ export function useSightingFeed(url: string | undefined) {
   const [sightings, setSightings] = useState<SightingType[]>([]);
   const [selectedRef, setSelectedRef] = useState<number | null>(null);
   const [sessionStarted, setSessionStarted] = useState(false);
-  const [sessionList, setSessionList] = useState<SightingType[]>([]);
   const mostRecent = sightings[0] ?? null;
   const latestRef = mostRecent?.ref ?? null;
   const [selectedSighting, setSelectedSighting] = useState<SightingType | null>(
@@ -76,13 +75,6 @@ export function useSightingFeed(url: string | undefined) {
     staleTime: 0,
   });
 
-  useEffect(() => {
-    if (sessionStarted) {
-      if (!mostRecent) return;
-      setSessionList([...sessionList, mostRecent]);
-    }
-  }, [mostRecent, sessionList, sessionStarted]);
-
   useEffect(() => {
     const data = query.data;
     if (!data) return;
@@ -129,7 +121,6 @@ export function useSightingFeed(url: string | undefined) {
     setSelectedRef,
     mostRecent,
     selectedSighting,
-    sessionList,
     sessionStarted,
     setSessionStarted,
     setSelectedSighting,