made added groups browsable (#21588)

fixes: #21173

js/apps/admin-ui/src/components/group/GroupPickerDialog.tsx

@@ -301,14 +301,10 @@ const GroupRow = ({
 
   return (
     <DataListItem
-      className={`join-group-dialog-row-${
-        isRowDisabled(group) ? "disabled" : ""
-      }`}
       aria-labelledby={group.name}
       key={group.id}
       id={group.id}
       onClick={(e) => {
-        if (isRowDisabled(group)) return;
         if (type === "selectOne") {
           onSelect(group.id!);
         } else if (
@@ -369,7 +365,7 @@ const GroupRow = ({
           isPlainButtonAction
         >
           {((hasSubgroups(group) && canBrowse) || type === "selectOne") && (
-            <Button isDisabled variant="link" aria-label={t("common:select")}>
+            <Button variant="link" aria-label={t("common:select")}>
               <AngleRightIcon />
             </Button>
           )}

js/apps/admin-ui/src/user/user-section.css

@@ -20,10 +20,6 @@ button#kc-join-groups-button {
   margin-right: var(--pf-global--spacer--sm);
 }
 
-.join-group-dialog-row-disabled {
-  cursor: not-allowed;
-}
-
 .join-group-dialog-row-m-disabled {
   pointer-events: none;
   color: var(--pf-global--Color--200);