fixed type errors

src/components/SightingsWidget/InfoBar.tsx

@@ -1,15 +1,14 @@
-import type { SightingType, SightingWidgetType } from "../../types/types";
+import type { SightingType } from "../../types/types";
 import { capitalize, formatAge } from "../../utils/utils";
 
 type InfoBarprops = {
-  obj: SightingWidgetType | SightingType;
+  obj: SightingType;
 };
 const InfoBar = ({ obj }: InfoBarprops) => {
   const isNPEDHit = obj?.metadata?.npedJSON?.status_code === 404;
   return (
     <div className="flex items-center gap-3 text-xs bg-neutral-900 px-2 py-1 rounded justify-between">
       <div className="flex items-center gap-3 text-xs">
-        {" "}
         <div className="min-w-14">CH: {obj ? obj.charHeight : "—"}</div>
         <div className="min-w-14">Seen: {obj ? obj.seenCount : "—"}</div>
         <div className="min-w-20">{obj ? capitalize(obj.motion) : "—"}</div>

src/components/SightingsWidget/SightingWidget.tsx

@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useMemo, useState } from "react";
-import type { SightingType, SightingWidgetType } from "../../types/types";
+import type { SightingType } from "../../types/types";
 import { BLANK_IMG } from "../../utils/utils";
 import NumberPlate from "../PlateStack/NumberPlate";
 import Card from "../UI/Card";
@@ -44,10 +44,10 @@ export default function SightingHistoryWidget({
     selectedSighting,
   } = useSightingFeedContext();
 
-  const { disptach } = useAlertHitContext();
+  const { dispatch } = useAlertHitContext();
 
   const onRowClick = useCallback(
-    (sighting: SightingType | SightingWidgetType) => {
+    (sighting: SightingType) => {
       if (!sighting) return;
       setSightingModalOpen(!isSightingModalOpen);
       setSelectedSighting(sighting);
@@ -55,7 +55,7 @@ export default function SightingHistoryWidget({
     [isSightingModalOpen, setSelectedSighting, setSightingModalOpen]
   );
   const rows = useMemo(
-    () => sightings?.filter(Boolean) as SightingWidgetType[],
+    () => sightings?.filter(Boolean) as SightingType[],
     [sightings]
   );
 
@@ -64,13 +64,13 @@ export default function SightingHistoryWidget({
       const isNPEDHit = obj?.metadata?.npedJSON?.status_code === 404;
 
       if (isNPEDHit) {
-        disptach({
+        dispatch({
           type: "ADD",
           payload: obj,
         });
       }
     });
-  }, [rows, disptach]);
+  }, [rows, dispatch]);
 
   const handleClose = () => {
     setSightingModalOpen(false);

src/components/SightingsWidget/SightingWidgetDetails.tsx

@@ -1,8 +1,8 @@
-import type { SightingWidgetType } from "../../types/types";
+import type { SightingType } from "../../types/types";
 import { useState } from "react";
 
 type SightingWidgetDetailsProps = {
-  effectiveSelected: SightingWidgetType | null;
+  effectiveSelected: SightingType | null;
 };
 
 const SightingWidgetDetails = ({