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

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>