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

src/components/RearCameraOverview/RearCameraOverviewCard.tsx

@@ -6,6 +6,7 @@ import { useNavigate } from "react-router";
 import CardHeader from "../UI/CardHeader";
 import { faCamera } from "@fortawesome/free-regular-svg-icons";
 import SightingOverview from "../SightingOverview/SightingOverview";
+import { useSightingFeedContext } from "../../context/SightingFeedContext";
 
 type CardProps = React.HTMLAttributes<HTMLDivElement>;
 
@@ -15,7 +16,7 @@ const RearCameraOverviewCard = ({ className }: CardProps) => {
     onSwipedLeft: () => navigate("/rear-camera-settings"),
     trackMouse: true,
   });
-
+  const { mostRecent } = useSightingFeedContext();
   return (
     <Card
       className={clsx(
@@ -24,7 +25,11 @@ const RearCameraOverviewCard = ({ className }: CardProps) => {
       )}
     >
       <div className="flex flex-col space-y-3 h-full" {...handlers}>
-        <CardHeader title="Rear Overview" icon={faCamera} />
+        <CardHeader
+          title="Rear Overview"
+          icon={faCamera}
+          sighting={mostRecent}
+        />
         <SightingOverview />
       </div>
     </Card>