admin dashboard user managment ui; set users permission actions

src/lib/validation/permissions.tsx

@@ -24,7 +24,7 @@ type RoleDefinition = {
   };
 };
 
-const roles: { [key: number]: RoleDefinition } = {
+export const roleDefinitions: { [key: number]: RoleDefinition } = {
   [Role.USER]: {
     name: "User",
     color: {
@@ -50,9 +50,17 @@ const roles: { [key: number]: RoleDefinition } = {
     },
   },
 };
+
+export const roleDefinitionsArray = Object.entries(roleDefinitions).map(
+  ([key, role]) => ({
+    key,
+    role,
+  }),
+);
+
 export function getUserPermissions(userRole: number): RoleDefinition[] {
-  return Object.keys(roles)
+  return Object.keys(roleDefinitions)
     .map(Number) // Convert keys to numbers
     .filter((role) => (userRole & role) !== 0) // Check if role is set
-    .map((role) => roles[role]!); // Convert back to role name
+    .map((role) => roleDefinitions[role]!); // Convert back to role name
 }