got rid of unnessarry logs

src/navigation/Router.tsx

@@ -1,4 +1,4 @@
-import { Suspense, useEffect, useState } from "react";
+import { Suspense } from "react";
 import LoadingScreen from "../app/LoadingScreen";
 import { BrowserRouter, Navigate, Route, Routes } from "react-router-dom";
 import { Typography } from "@mui/material";
@@ -35,7 +35,6 @@ export default function Router(props: Props) {
   const isMobile = useMobile();
 
   const RelativeRoutes = () => {
-    console.log("relative route")
     return (
       <Routes>
         <Route path="teams/*" element={<TeamsRoute/>} />
@@ -46,7 +45,6 @@ export default function Router(props: Props) {
   }
 
   const TeamsRoute = () => {
-    console.log("teams route")
     return (
       <Routes>
         <Route
@@ -66,8 +64,6 @@ export default function Router(props: Props) {
   };
 
   const DevicesRoute = () => {
-    console.log("devices route")
-    console.log(window.location.pathname)
     return (
       <div>
         <Routes>
@@ -90,7 +86,6 @@ export default function Router(props: Props) {
   };
 
   const GroupsRoute = () => {
-    console.log("groups route")
     return (
       <div>
         <Routes>

src/pages/Device.tsx

@@ -1,5 +1,4 @@
-import { Grid2, Theme, Typography } from "@mui/material";
-import { makeStyles } from "@mui/styles";
+import { Grid2 } from "@mui/material";
 import { Device, User } from "models";
 import { getContextKeys, getContextTypes } from "pbHelpers/Context";
 import { useDeviceAPI, useGlobalState, useSnackbar } from "providers";
@@ -13,12 +12,12 @@ import DeviceActions from "common/DeviceActions";
 import { pond } from "protobuf-ts/pond";
 import { cloneDeep } from "lodash";
 
-const useStyles = makeStyles((theme: Theme) => {
-  // const isMobile = useMobile()
-  return ({
+// const useStyles = makeStyles((theme: Theme) => {
+//   // const isMobile = useMobile()
+//   return ({
     
-  });
-});
+//   });
+// });
 
 export default function DevicePage() {
   const deviceAPI = useDeviceAPI()
@@ -74,13 +73,9 @@ export default function DevicePage() {
     .finally(() => setLoading(false));
   }
 
-  useEffect(() => {
-    console.log(device)
-  }, [device])
-
   useEffect(() => {
     loadDevice()
-  }, [])
+  }, [deviceID])
 
   const toggleNotificationPreference = () => {
     let updatedPreferences = cloneDeep(preferences);

src/pages/Devices.tsx

@@ -10,7 +10,6 @@ import { useEffect, useState } from "react";
 import PageContainer from "./PageContainer";
 import { useMobile } from "hooks";
 import { useLocation, useNavigate, useParams } from "react-router-dom";
-import { or } from "utils/types";
 import { getContextKeys, getContextTypes } from "pbHelpers/Context";
 import { getDeviceStateHelper } from "pbHelpers/DeviceState";
 import { Device, Group } from "models";
@@ -206,7 +205,6 @@ export default function Devices() {
   // };
 
   const prependToUrl = (prependage: number | string) => {
-    console.log(location.pathname)
     const basePath = location.pathname.replace(/\/$/, ""); 
     return(`/${prependage}/${basePath}`.replace(/\/{2,}/g, "/").replace(/(\/[^/]+)\/\1+/g, "$1"));
   };