Mav-Mobile-UI/src/pages/FrontCamera.tsx

import CameraSettings from "../components/CameraSettings/CameraSettings";
import OverviewVideoContainer from "../components/FrontCameraSettings/OverviewVideoContainer";
import { Toaster } from "sonner";

const FrontCamera = () => {
  return (
    <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>
  );
};

export default FrontCamera;