added the sites page and all other required imports for it to work, also fixed the map card

src/navigation/Router.tsx

@@ -13,6 +13,9 @@ import Terminals from "pages/Terminals";
 import Gate from "pages/Gate";
 import AviationMap from "pages/AviationMap";
 import ConstructionSiteMap from "pages/ConstructionSiteMap";
+import Sites from "pages/Sites";
+import Site from "pages/Site";
+//import Site from "pages/Site";
 
 const DeviceHistory = lazy(() => import("pages/DeviceHistory"));
 const DevicePage = lazy(() => import("pages/Device"));
@@ -51,6 +54,7 @@ export default function Router(props: Props) {
         <Route path="bins/*" element={<BinsRoute/>} />
         <Route path="mines/*" element={<MinesRoute/>} />
         <Route path="terminals/*" element={<TerminalGatesRoute />} />
+        <Route path="jobsites/*" element={<JobsitesRoute />} />
       </Routes>
     )
   }
@@ -178,6 +182,28 @@ export default function Router(props: Props) {
     );
   };
 
+  const JobsitesRoute = () => {
+    return (
+      <div>
+        <Routes>
+          <Route
+            key="Jobsite page route"
+            path="" // "/settings/basic"
+            element={<Sites key={"Jobsites page"} />}
+          />
+          <Route
+            path="/:siteKey" // "/settings/basic"
+            element={<Site />}
+          />
+          <Route
+            path="/:siteKey/*" // "/settings/basic"
+            element={<RelativeRoutes />}
+          />
+        </Routes>
+      </div>
+    );
+  };
+
 
   const GroupsRoute = () => {
     return (

src/navigation/SideNavigator.tsx

@@ -36,6 +36,7 @@ import { useAuth0 } from "@auth0/auth0-react";
 import FieldsIcon from "products/AgIcons/FieldsIcon";
 import PlaneIcon from "products/AviationIcons/PlaneIcon";
 import AirportMapIcon from "products/AviationIcons/AirportMapIcon";
+import JobsiteIcon from "products/Construction/JobSiteIcon";
 
 const drawerWidth = 230;
 
@@ -265,6 +266,20 @@ export default function SideNavigator(props: Props) {
           </ListItemButton>
         </Tooltip>
         )}
+        {(isAdCon || user.hasFeature("admin")) && (
+        <Tooltip title="Jobsites" placement="right">
+          <ListItemButton
+            id="tour-jobsites"
+            onClick={() => goTo("/jobsites")}
+            classes={getClasses("/jobsites")}
+            >
+            <ListItemIcon>
+              <JobsiteIcon />
+            </ListItemIcon>
+            {open && <ListItemText primary="Jobsites" />}
+          </ListItemButton>
+        </Tooltip>
+        )}
       </List>
     )
   }