[#12081] User-friendliness: Fix feedback path dropdown

[weiquu]

Part of #12081
Sub-issue: Fix feedback path dropdown

Outline of Solution
Changed second dropdown to be below instead of to the side. Keeps track of which submenus are open via a map. Also added buttons for accessibility and added the text-wrap class to resolve overflow issues.

For E2E tests, changed the options to click on the button.

[weiquu]

I didn't put aria-labels on the feedback path dropdown options since the screen reader already picks up the text inside each button. I did, however, put one on the overall feedback path dropdown button. The issue is that the aria-label is currently set to just "Feedback Path Dropdown", and does not indicate what feedback path is currently selected.

Given this situation, should I remove the aria-label so that the screen reader just mentions what is selected + that it is a button, or should I edit the aria-label to also take into account the currently selected path?

[zhaojj2209]

Given this situation, should I remove the aria-label so that the screen reader just mentions what is selected + that it is a button, or should I edit the aria-label to also take into account the currently selected path?

I think in this case it would be alright to remove the aria label.

Also, do fix the E2E tests, this PR seems to have broken a few.

[samuelfangjw]

Snyk is currently down which explains the failing test.

[weiquu]

I think in this case it would be alright to remove the aria label.

Also, do fix the E2E tests, this PR seems to have broken a few.

Thanks, updated!

[zhaojj2209]

LGTM, thanks for the fix!