diff --git a/webui/src/App.jsx b/webui/src/App.jsx
index 3062aed..07e3794 100644
--- a/webui/src/App.jsx
+++ b/webui/src/App.jsx
@@ -1,31 +1,34 @@
-import { createBrowserRouter, Navigate, RouterProvider } from "react-router-dom";
-import { UserProvider } from '@/common/contexts/UserContext.jsx';
+import {createBrowserRouter, Navigate, RouterProvider} from "react-router-dom";
+import {UserProvider} from '@/common/contexts/UserContext.jsx';
+import {ToastProvider} from '@/common/contexts/ToastContext.jsx';
 import "@/common/styles/main.sass";
 import Root from "@/common/layouts/Root.jsx";
+import UserManagement from "@/pages/UserManagement";
 import "@fontsource/plus-jakarta-sans/300.css";
 import "@fontsource/plus-jakarta-sans/400.css";
 import "@fontsource/plus-jakarta-sans/600.css";
 import "@fontsource/plus-jakarta-sans/700.css";
 import "@fontsource/plus-jakarta-sans/800.css";
 
-const Placeholder = ({title}) => <div className="content"><h2 style={{fontSize:'1rem'}}>{title}</h2><p className="muted">Content coming soon.</p></div>;
+const Placeholder = ({title}) => <div className="content"><h2 style={{fontSize: '1rem'}}>{title}</h2><p
+    className="muted">Content coming soon.</p></div>;
 
 const App = () => {
     const router = createBrowserRouter([
         {
             path: "/",
-            element: <Root />,
+            element: <Root/>,
             children: [
-                { path: "/", element: <Navigate to="/dashboard" /> },
-                { path: "/dashboard", element: <Placeholder title="Dashboard" /> },
-                { path: "/servers", element: <Placeholder title="Servers" /> },
-                { path: "/settings", element: <Placeholder title="Settings" /> },
-                { path: "/admin/users", element: <Placeholder title="User Management" /> },
+                {path: "/", element: <Navigate to="/dashboard"/>},
+                {path: "/dashboard", element: <Placeholder title="Dashboard"/>},
+                {path: "/servers", element: <Placeholder title="Servers"/>},
+                {path: "/settings", element: <Placeholder title="Settings"/>},
+                {path: "/admin/users", element: <UserManagement/>},
             ],
         },
     ]);
 
-    return <UserProvider><RouterProvider router={router}/></UserProvider>;
+    return <UserProvider><ToastProvider><RouterProvider router={router}/></ToastProvider></UserProvider>;
 };
 
 export default App;
\ No newline at end of file