adding route to map site

canopeum_frontend/src/App.tsx

@@ -8,6 +8,7 @@ import Analytics from './pages/Analytics';
 import Home from './pages/Home';
 import Login from './pages/Login';
 import Map from './pages/Map';
+import MapSite from './pages/MapSite';
 import UserManagement from './pages/UserManagement';
 import Utilities from './pages/Utilities';
 
@@ -19,6 +20,7 @@ const App = () => (
       <Route element={<Home />} path="/" />
       <Route element={<Analytics />} path="/analytics" />
       <Route element={<Map />} path="/map" />
+      <Route element={<MapSite />} path='/map/:siteId'/>
       <Route element={<UserManagement />} path="/user-management" />
       <Route element={<Login />} path="/login" />
       <Route element={<Utilities />} path="/utilities" />

canopeum_frontend/src/pages/MapSite.tsx

@@ -0,0 +1,12 @@
+import { useParams } from 'react-router-dom'
+
+const MapSite = () => {
+  const { siteId } = useParams();
+
+  return (
+    <div>
+      <h1>Map Site</h1>
+    </div>
+  )
+}
+export default MapSite