added heaters page (still need to fix table) fixed the heater card on the site page

src/navigation/Router.tsx

@@ -15,6 +15,7 @@ import AviationMap from "pages/AviationMap";
 import ConstructionSiteMap from "pages/ConstructionSiteMap";
 import Sites from "pages/Sites";
 import Site from "pages/Site";
+import Heaters from "pages/Heaters";
 //import Site from "pages/Site";
 
 const DeviceHistory = lazy(() => import("pages/DeviceHistory"));
@@ -55,6 +56,7 @@ export default function Router(props: Props) {
         <Route path="mines/*" element={<MinesRoute/>} />
         <Route path="terminals/*" element={<TerminalGatesRoute />} />
         <Route path="jobsites/*" element={<JobsitesRoute />} />
+        <Route path="heaters/*" element={<ObjectHeatersRoute />} />
       </Routes>
     )
   }
@@ -204,6 +206,28 @@ export default function Router(props: Props) {
     );
   };
 
+  const ObjectHeatersRoute = () => {
+    return (
+      <div>
+        <Routes>
+          <Route
+            key="Heaters page route"
+            path="" // "/settings/basic"
+            element={<Heaters key={"Heaters page"} />}
+          />
+          {/* <Route
+            path="/:heaterKey" // "/settings/basic"
+            element={<Site />}
+          />
+          <Route
+            path="/:heaterKey/*" // "/settings/basic"
+            element={<RelativeRoutes />}
+          /> */}
+        </Routes>
+      </div>
+    );
+  };
+
 
   const GroupsRoute = () => {
     return (

src/navigation/SideNavigator.tsx

@@ -38,6 +38,7 @@ import PlaneIcon from "products/AviationIcons/PlaneIcon";
 import AirportMapIcon from "products/AviationIcons/AirportMapIcon";
 import JobsiteIcon from "products/Construction/JobSiteIcon";
 import { getThemeType } from "theme";
+import ObjectHeaterIcon from "products/Construction/ObjectHeaterIcon";
 
 const drawerWidth = 230;
 
@@ -281,6 +282,20 @@ export default function SideNavigator(props: Props) {
           </ListItemButton>
         </Tooltip>
         )}
+        {(isAdCon || user.hasFeature("admin")) && (
+        <Tooltip title="Heaters" placement="right">
+          <ListItemButton
+            id="tour-heaters"
+            onClick={() => goTo("/heaters")}
+            classes={getClasses("/heaters")}
+            >
+            <ListItemIcon>
+              <ObjectHeaterIcon />
+            </ListItemIcon>
+            {open && <ListItemText primary="Heaters" />}
+          </ListItemButton>
+        </Tooltip>
+        )}
       </List>
     )
   }