enhancment complete with phase 10

apps/admin/src/components/users/UserGrid.tsx

@@ -272,7 +272,7 @@ export function UserGrid({
       flex: 1,
       resizable: true,
       floatingFilter: true,
-      suppressMenu: true,
+      suppressHeaderMenuButton: true,
     }),
     [],
   );
@@ -284,7 +284,10 @@ export function UserGrid({
     columnDefs,
     defaultColDef,
     rowData: users,
-    rowSelection: "multiple" as const,
+    rowSelection: {
+      mode: "multiRow" as const,
+      enableClickSelection: true,
+    },
     onSelectionChanged: () => {
       const selectedNodes = gridRef.current?.api.getSelectedNodes();
       const selectedData =
@@ -295,7 +298,6 @@ export function UserGrid({
         onUserSelect(selectedData[0]);
       }
     },
-    suppressRowClickSelection: false,
     animateRows: true,
     loading: loading,
     pagination: true,

apps/admin/src/components/users/UserManagement.tsx

@@ -91,7 +91,8 @@ export function UserManagement() {
         ok: response.ok,
         status: response.status,
       });
-      const data = await response.json();
+      const responseData = await response.json();
+      const data = responseData.data || responseData; // Handle both old and new API response formats
       log.debug("Received users data", {
         count: Array.isArray(data.users) ? data.users.length : 0,
         sample: