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

src/pages/Dashboard.tsx

@@ -3,6 +3,7 @@ import RearCameraOverviewCard from "../components/RearCameraOverview/RearCameraO
 import SightingHistoryWidget from "../components/SightingsWidget/SightingWidget";
 import { SightingFeedProvider } from "../context/providers/SightingFeedProvider";
 import { CAM_BASE } from "../utils/config";
+
 const Dashboard = () => {
   const dev_REAR_URL = `${CAM_BASE}/SightingListRear/sightingSummary?mostRecentRef=`;
   const dev_FRONT_URL = `${CAM_BASE}/SightingListFront/sightingSummary?mostRecentRef=`;

src/pages/FrontCamera.tsx

@@ -12,15 +12,14 @@ const FrontCamera = () => {
   });
 
   return (
-    <div
-      className="mx-auto grid grid-cols-1 sm:grid-cols-1 lg:grid-cols-2 gap-4 px-2 sm:px-4 lg:px-0 w-full"
-      {...handlers}
-    >
-      <OverviewVideoContainer
-        title={"Front Camera"}
-        side="CameraFront"
-        settingsPage={true}
-      />
+    <div className="mx-auto grid grid-cols-1 sm:grid-cols-1 lg:grid-cols-2 gap-4 px-2 sm:px-4 lg:px-0 w-full">
+      <div {...handlers}>
+        <OverviewVideoContainer
+          title={"Front Camera"}
+          side="CameraFront"
+          settingsPage={true}
+        />
+      </div>
       <CameraSettings title="Front Camera Settings" side="CameraFront" />
       <Toaster />
     </div>

src/pages/RearCamera.tsx

@@ -12,16 +12,16 @@ const RearCamera = () => {
   });
 
   return (
-    <div
-      className="mx-auto grid grid-cols-1 sm:grid-cols-1 lg:grid-cols-2 gap-4 px-2 sm:px-4 lg:px-0 w-full order-first"
-      {...handlers}
-    >
+    <div className="mx-auto grid grid-cols-1 sm:grid-cols-1 lg:grid-cols-2 gap-4 px-2 sm:px-4 lg:px-0 w-full order-first">
       <CameraSettings title="Rear Camera Settings" side={"CameraRear"} />
-      <OverviewVideoContainer
-        title={"Rear Camera"}
-        side={"CameraRear"}
-        settingsPage={true}
-      />
+
+      <div {...handlers}>
+        <OverviewVideoContainer
+          title={"Rear Camera"}
+          side={"CameraRear"}
+          settingsPage={true}
+        />
+      </div>
       <Toaster />
     </div>
   );