header fixes

src/main.jsx

@@ -27,21 +27,38 @@ const rootElement = document.getElementById('root');
 const root = createRoot(rootElement);
 const AUTH_BASE = import.meta.env.VITE_AUTH_BASE_URL;
 
+const routerMapping = [
+  { path: "/", component: Home, headerTitle: "Home" },
+  { path: "/home", component: Home, headerTitle: "Home" },
+  { path: "/admin/*", component: Admin, headerTitle: "Admin" },
+];
+
 root.render(
   <BrowserRouter>
     <AuthProvider authBaseUrl={AUTH_BASE}>
       <AppTheme>
         <CssBaseline enableColorScheme />
-        <Header />
+        <Header routerMapping={routerMapping} />
 
         <Box sx={{ pb: 8 }}>
           <Toolbar />
 
           <Routes>
-            <Route path="/" element={<Home />} />
-            <Route path="/home" element={<Home />} />
-            <Route path="/admin/*" element={<Admin basePath="/admin" />} />
+            {routerMapping.map(({ path, component: Component }) => (
+              <Route
+                key={path}
+                path={path}
+                element={
+                  path.startsWith("/admin") ? (
+                    <Component basePath="/admin" />
+                  ) : (
+                    <Component />
+                  )
+                }
+              />
+            ))}
           </Routes>
+
         </Box>
 
         <Footer />