fixed username display in the users dropdown on create/edit user policy (#30701)

Signed-off-by: Agnieszka Gancarczyk <agancarc@redhat.com>
Co-authored-by: Agnieszka Gancarczyk <agancarc@redhat.com>

js/apps/admin-ui/src/clients/authorization/policy/User.tsx

@@ -9,6 +9,7 @@ export const User = () => {
       label="users"
       helpText={t("policyUsers")}
       defaultValue={[]}
+      variant="typeaheadMulti"
       isRequired
     />
   );

js/apps/admin-ui/src/components/users/UserSelect.tsx

@@ -62,6 +62,7 @@ export const UserSelect = ({
       const params: UserQuery = {
         max: 20,
       };
+
       if (search) {
         params.username = search;
       }
@@ -154,7 +155,10 @@ export const UserSelect = ({
                                   );
                                 }}
                               >
-                                {selection}
+                                {
+                                  users.find((u) => u?.id === selection)
+                                    ?.username
+                                }
                               </Chip>
                             ),
                           )}