redesigned camera settings page, left the minimum height at 100%, open to change

src/pages/FrontCamera.tsx

@@ -1,25 +1,15 @@
 import CameraSettings from "../components/CameraSettings/CameraSettings";
 import OverviewVideoContainer from "../components/FrontCameraSettings/OverviewVideoContainer";
 import { Toaster } from "sonner";
-import { useNavigate } from "react-router";
-import { useSwipeable } from "react-swipeable";
 
 const FrontCamera = () => {
-  const navigate = useNavigate();
-  const handlers = useSwipeable({
-    onSwipedLeft: () => navigate("/"),
-    trackMouse: true,
-  });
-
   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">
-      <div {...handlers}>
-        <OverviewVideoContainer
-          title={"Front Camera"}
-          side="CameraFront"
-          settingsPage={true}
-        />
-      </div>
+    <div className="mx-auto flex flex-col lg:flex-row gap-2 px-1 sm:px-2 lg:px-0 w-full min-h-screen">
+      <OverviewVideoContainer
+        title={"Front Camera"}
+        side="CameraRear"
+        settingsPage={true}
+      />
       <CameraSettings title="Front Camera Settings" side="CameraFront" />
       <Toaster />
     </div>