now supports multi machine monitoring

frontend/src/App.tsx

@@ -28,6 +28,7 @@ import { AuthProvider, useAuth } from "react-oidc-context";
 import { Dashboard } from "./pages/Dashboard";
 import { Monitoring } from "./pages/Monitoring";
 import { Media } from "./pages/Media";
+import { Settings } from "./pages/Settings";
 import { UsersPage } from "./pages/Users";
 import { FileBrowser } from "./pages/FileBrowser";
 import { getAppTheme } from "./theme";
@@ -175,6 +176,12 @@ function Shell({
 						<Tab value="/media" label="Media" component={NavLink} to="/media" />
 						<Tab value="/users" label="Users" component={NavLink} to="/users" />
 						<Tab value="/files" label="Files" component={NavLink} to="/files" />
+						<Tab
+							value="/settings"
+							label="Settings"
+							component={NavLink}
+							to="/settings"
+						/>
 					</Tabs>
 				</Box>
 			</AppBar>
@@ -188,6 +195,7 @@ function Shell({
 					<Route path="/media" element={<Media />} />
 					<Route path="/users" element={<UsersPage />} />
 					<Route path="/files" element={<FileBrowser />} />
+					<Route path="/settings" element={<Settings />} />
 				</Routes>
 			</Container>
 		</>