Refactor UserGroups code and set isPreProcessed to false to enable sorting in tables

Signed-off-by: Oksana Bazylieva <obazylie@redhat.com>

Author: oksanabaza

frontend/src/routes/UserManagement/Identities/Groups/GroupUsers.tsx

@@ -93,7 +93,7 @@ const GroupUsers = () => {
           items: [],
           emptyResult: false,
           processedItemCount: 0,
-          isPreProcessed: true,
+          isPreProcessed: false,
         }}
         emptyState={
           <AcmEmptyState

frontend/src/routes/UserManagement/Identities/Groups/GroupsTable.tsx

@@ -37,7 +37,7 @@ const GroupsTable = () => {
           items: [],
           emptyResult: false,
           processedItemCount: 0,
-          isPreProcessed: true,
+          isPreProcessed: false,
         }}
         emptyState={
           <AcmEmptyState

frontend/src/routes/UserManagement/Identities/Users/UserGroups.tsx

@@ -32,12 +32,6 @@ const renderGroupCreatedCell = (group: Group) => {
   )
 }
 
-const findGroupsContainingUser = (groups: Group[], username: string): Group[] => {
-  return groups
-    .filter((group) => group.users.includes(username))
-    .sort((a, b) => (a.metadata.name || '').localeCompare(b.metadata.name || ''))
-}
-
 const UserGroups = () => {
   const { t } = useTranslation()
   const { user, groups } = useUserDetailsContext()
@@ -46,7 +40,7 @@ const UserGroups = () => {
   const userGroups = useMemo(() => {
     if (!user || !groups) return []
 
-    return findGroupsContainingUser(groups, user.metadata.name || '')
+    return groups.filter((group) => group.users.includes(user.metadata.name || ''))
   }, [user, groups])
 
   const columns: IAcmTableColumn<Group>[] = [
@@ -86,7 +80,7 @@ const UserGroups = () => {
           items: [],
           emptyResult: false,
           processedItemCount: 0,
-          isPreProcessed: true,
+          isPreProcessed: false,
         }}
         emptyState={
           <AcmEmptyState

frontend/src/routes/UserManagement/Identities/Users/UsersTable.tsx

@@ -37,7 +37,7 @@ const UsersTable = () => {
           items: [],
           emptyResult: false,
           processedItemCount: 0,
-          isPreProcessed: true,
+          isPreProcessed: false,
         }}
         emptyState={
           <AcmEmptyState

frontend/src/routes/UserManagement/RoleAssignment/RoleAssignments.tsx

@@ -391,7 +391,7 @@ const RoleAssignments = ({
           items: [],
           emptyResult: false,
           processedItemCount: 0,
-          isPreProcessed: true,
+          isPreProcessed: false,
         }}
         emptyState={
           <AcmEmptyState

frontend/src/routes/UserManagement/Roles/RolesTable.tsx

@@ -50,7 +50,7 @@ const RolesTable = () => {
           items: [],
           emptyResult: false,
           processedItemCount: 0,
-          isPreProcessed: true,
+          isPreProcessed: false,
         }}
         emptyState={<AcmEmptyState key="rolesEmptyState" title={t('No roles')} />}
       />