added nped list functionality

src/components/SightingsWidget/SightingWidget.tsx

@@ -50,11 +50,12 @@ export default function SightingHistoryWidget({
         {/* Rows */}
         <div className="flex flex-col">
           {rows?.map((obj, idx) => {
+            console.log(obj);
+            const isNPEDHit = obj?.metadata?.npedJSON?.status_code === 201;
             const isSelected = obj?.ref === selectedRef;
             const motionAway = (obj?.motion ?? "").toUpperCase() === "AWAY";
             const primaryIsColour = obj?.srcCam === 1;
             const secondaryMissing = (obj?.vrmSecondary ?? "") === "";
-
             return (
               <div
                 key={idx}
@@ -80,7 +81,11 @@ export default function SightingHistoryWidget({
                 </div>
 
                 {/* Patch row */}
-                <div className="flex items-center gap-3 mt-2">
+                <div
+                  className={`flex items-center gap-3 mt-2
+                  ${isNPEDHit ? "border border-red-600" : ""}
+                  `}
+                >
                   <div
                     className={`border p-1 ${
                       primaryIsColour ? "" : "ring-2 ring-lime-400"