added the firmware page

src/navigation/Router.tsx

@@ -38,6 +38,7 @@ const APIDocs = lazy(() => import("pages/APIDocs"));
 const Fields = lazy(()=> import("pages/Fields"));
 const Marketplace = lazy(() => import("userFeatures/UserFeatures"))
 const Logs = lazy(() => import("pages/Logs"))
+const Firmware = lazy(() => import("pages/Firmware"));
 
 interface Props {
   toggleTheme: () => void;
@@ -320,6 +321,9 @@ export default function Router(props: Props) {
           }
           <Route path="fields" element={<Fields />} />
           <Route path="marketplace" element={<Marketplace />} />
+          {user.hasFeature("admin") && (
+            <Route path="firmware" element={<Firmware />} />
+          )}
           
           {/* Map pages */}
           <Route path="visualFarm" element={<FieldMap />} />

src/navigation/SideNavigator.tsx

@@ -1,4 +1,4 @@
-import { ChevronRight, Code, People, Person, SyncAlt } from "@mui/icons-material";
+import { ChevronRight, Code, Memory, People, Person, SyncAlt } from "@mui/icons-material";
 import ChevronLeft from "@mui/icons-material/ChevronLeft";
 import { 
   darken, 
@@ -368,6 +368,20 @@ export default function SideNavigator(props: Props) {
             </ListItemButton>
           </Tooltip>
         }
+        {user.hasFeature("admin") &&
+          <Tooltip title="Firmware" placement="right">
+            <ListItemButton
+              id="tour-firmware"
+              onClick={() => goTo("/firmware")}
+              classes={getClasses("/firmware")}
+              >
+              <ListItemIcon>
+                <Memory />
+              </ListItemIcon>
+              {open && <ListItemText primary="Logs" />}
+            </ListItemButton>
+          </Tooltip>
+        }
         {user.hasFeature("admin") &&
           <Tooltip title="Logs" placement="right">
             <ListItemButton