Add CWMS user role management panel

cda-gui/package.json

@@ -8,7 +8,7 @@
     "build": "vite build --mode production && node scripts/generate-sitemap.mjs",
     "build:development": "vite build --mode development && node scripts/generate-sitemap.mjs",
     "build:test": "vite build --mode test && node scripts/generate-sitemap.mjs",
-    "test": "node --test src/utils/auth-config.test.js",
+    "test": "node --test src/utils/auth-config.test.js src/pages/user-roles/role-state.test.js",
     "lint": "eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview",
     "prepare": "cd .. && husky cda-gui/.husky",

cda-gui/src/components/AppAuthProvider.jsx

@@ -111,7 +111,9 @@ export default function AppAuthProvider({ children }) {
 
   return (
     <AuthConfigurationContext.Provider value={{ error: state.error }}>
-      <AuthProvider method={state.method}>{children}</AuthProvider>
+      <AuthProvider method={state.method} cdaUrl={import.meta.env.VITE_CDA_API_ROOT}>
+        {children}
+      </AuthProvider>
     </AuthConfigurationContext.Provider>
   );
 }

cda-gui/src/links/header-links.js

@@ -39,9 +39,26 @@ export default [
     ],
   },
   {
-    id: "user-lists",
-    text: "User Lists",
-    href: "/user-lists",
+    id: "users",
+    text: "Users",
+    href: "/users",
+    children: [
+      {
+        id: "user-management",
+        text: "User Management",
+        href: "/users",
+      },
+      {
+        id: "user-lists",
+        text: "User Lists",
+        href: "/user-lists",
+      },
+      {
+        id: "user-roles",
+        text: "User Roles",
+        href: "/user-roles",
+      },
+    ],
   },
   {
     id: "help",

cda-gui/src/main.jsx

@@ -17,12 +17,15 @@ import LocationSearch from "./pages/LocationSearch.jsx";
 
 // Styles
 import "@usace/groundwork/dist/groundwork.css";
+import "@usace-watermanagement/groundwork-water/dist/style.css";
 import "./css/index.css";
 import ErrorFallback from "./pages/ErrorFallback";
 import FilterExpressions from "./pages/rsql";
 import Timestamps from "./pages/timestamps";
 import LegacyFormat from "./pages/legacy-format/index.jsx";
 import UserLists from "./pages/user-lists/index.jsx";
+import Users from "./pages/users/index.jsx";
+import UserRoles from "./pages/user-roles/index.jsx";
 import { routePaths } from "./route-paths";
 import AppAuthProvider from "./components/AppAuthProvider.jsx";
 import GlobalErrorBoundary from "./components/GlobalErrorBoundary.jsx";
@@ -38,6 +41,8 @@ const routeComponents = {
   "legacy-format": LegacyFormat,
   "location-search": LocationSearch,
   "user-lists": UserLists,
+  users: Users,
+  "user-roles": UserRoles,
 };
 
 const router = createBrowserRouter(