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";
import { NPEDUserProvider } from "./context/providers/NPEDUserContextProvider";

function App() {
  return (
    <NPEDUserProvider>
      <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>
    </NPEDUserProvider>
  );
}

export default App;