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 (