added sounds, updated nped config and tweaks + code quality improvements

src/components/FrontCameraOverview/FrontCameraOverviewCard.tsx

@@ -6,6 +6,7 @@ import { useSwipeable } from "react-swipeable";
 import { useNavigate } from "react-router";
 import { useOverviewVideo } from "../../hooks/useOverviewVideo";
 import SightingOverview from "../SightingOverview/SightingOverview";
+import { useSightingFeedContext } from "../../context/SightingFeedContext";
 
 type CardProps = React.HTMLAttributes<HTMLDivElement>;
 
@@ -17,6 +18,7 @@ const FrontCameraOverviewCard = ({ className }: CardProps) => {
 
     trackMouse: true,
   });
+  const { mostRecent } = useSightingFeedContext();
 
   return (
     <Card
@@ -26,7 +28,11 @@ const FrontCameraOverviewCard = ({ className }: CardProps) => {
       )}
     >
       <div className="flex flex-col space-y-3 h-full" {...handlers}>
-        <CardHeader title="Front Overview" icon={faCamera} />
+        <CardHeader
+          title="Front Overview"
+          icon={faCamera}
+          sighting={mostRecent}
+        />
         <SightingOverview />
         {/* <SnapshotContainer side="TargetDetectionFront" /> */}
       </div>