loading device page with relative pathing

src/navigation/Router.tsx

@@ -12,6 +12,7 @@ import TeamPage from "pages/Team";
 import Header from "app/Header";
 import Logout from "pages/Logout";
 import Devices from "pages/Devices";
+import DevicePage from "pages/Device";
 
 interface Props {
   open: boolean,
@@ -31,7 +32,7 @@ export default function Router(props: Props) {
     return (
       <Routes>
         <Route path="teams/*" element={<TeamsRoute/>} />
-        <Route path="devices" element={<DevicesRoute/>} />
+        <Route path="devices/*" element={<DevicesRoute/>} />
       </Routes>
     )
   }
@@ -65,10 +66,10 @@ export default function Router(props: Props) {
             path="" // "/settings/basic"
             element={<Devices />}
           />
-          {/* <Route
+          <Route
             path="/:deviceID" // "/settings/basic"
-            element={<TeamPage />}
-          /> */}
+            element={<DevicePage />}
+          />
         </Routes>
       </div>
     );