Mav-Mobile-UI/src/App.tsx

import Container from "./components/UI/Container";
import Dashboard from "./pages/Dashboard";
import { Route, Routes } from "react-router";
import FrontCamera from "./pages/FrontCamera";
import RearCamera from "./pages/RearCamera";
import SystemSettings from "./pages/SystemSettings";

function App() {
  return (
    <Routes>
      <Route path="/" element={<Container />}>
        <Route index element={<Dashboard />} />
        <Route path="front-camera-settings" element={<FrontCamera />} />
        <Route path="rear-camera-settings" element={<RearCamera />} />
        <Route path="system-settings" element={<SystemSettings />} />
      </Route>
    </Routes>
  );
}

export default App;