Update depricated PF multiselect component

[ashley-o0o]

Closes: RHOAIENG-421

Description

This PR updates the deprecated Patternfly 4 select component with the PF5 multi select component

How Has This Been Tested?

This is tested with npm run test as well as on localhost, and using the Cypress tests in userManagement.cy.ts

Test Impact

No new tests were added as there are no functionality changes

Request review criteria:

Self checklist (all need to be checked):

• The developer has manually tested the changes and verified that the changes work
• Commits have been squashed into descriptive, self-contained units of work (e.g. 'WIP' and 'Implements feedback' style messages have been removed)
• Testing instructions have been added in the PR body (for PRs involving changes that are not immediately obvious).
• The developer has added tests or explained why testing cannot be added (unit or cypress tests for related changes)

If you have UI changes:

• Included any necessary screenshots or gifs if it was a UI change.
• Included tags to the UX team if it was a UI/UX change (find relevant UX in the SMEs section).

After the PR is posted & before it merges:

• The developer has tested their solution on a cluster by using the image produced by the PR to main

[christianvogt]

• When I first click into the input field, my focus is lost and I need to click again before I can type.
• After using the keyboard to highlight an item in the dropdown, pressing enter no longer selects / deselects that item.
• After focusing the text input with the keyboard, pressing an arrow key no longer opens the menu. This behavior works in the PF example.
• Previously I could not focus the arrow dropdown button. This made sense since the menu is controlled by focusing on the input field. Now I can also tab to the toggle button. The toggle button should not be focusable as per the PF example.

[jeff-phillips-18]

• Previously I could not focus the arrow dropdown button. This made sense since the menu is controlled by focusing on the input field. Now I can also tab to the toggle button. The toggle button should not be focusable as per the PF example.

This is a PF issue. Though it works on the documentation page, if you try the code sandbox it does not and the toggle button is in the tab order for focus.

[jeff-phillips-18]

/lgtm cancel

[jeff-phillips-18]

/lgtm

[jeff-phillips-18]

/lgtm cancel

[jeff-phillips-18]

/lgtm

[christianvogt]

/approve

[openshift-ci]

[APPROVALNOTIFIER] This PR is APPROVED

This pull-request has been approved by: christianvogt, jeff-phillips-18

The full list of commands accepted by this bot can be found here.

The pull request process is described here

Needs approval from an approver in each of these files:

• frontend/OWNERS [christianvogt]

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment