added forms and refactored component names

src/App.tsx

@@ -3,6 +3,7 @@ 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 (
@@ -11,6 +12,7 @@ function App() {
         <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>
   );