[MM-55285]: Screen reader speaking wrong item in list in Find Channels modal (#29552)

* [MA-11]: Fix Screen reader speaking wrong item in list in Find Channels modal

* [MA-11]: Update types across files

* [MA-11]: Minor refactoring

* [MA-11]: Fix e2e test

* [MA-11]: Fix E2E tests

* [MA-11]: Update role and id

* [MA-11]: Fix playwright tests

---------

Co-authored-by: Mattermost Build <build@mattermost.com>

e2e-tests/cypress/tests/integration/channels/keyboard_shortcuts/ctrl_cmd_k_user_from_other_team_spec.js

@@ -56,7 +56,7 @@ describe('Keyboard Shortcuts', () => {
         cy.typeCmdOrCtrl().type('K', {release: true});
 
         // # Start typing the name of other user
-        cy.findByRole('textbox', {name: 'quick switch input'}).type(this.otherUser.username);
+        cy.findByRole('combobox', {name: 'quick switch input'}).type(this.otherUser.username);
 
         // # Select other user from the list
         cy.findByTestId(this.otherUser.username).should('not.exist');
@@ -104,7 +104,7 @@ function verifyUserIsFoundAndDMOpensOnClick(user) {
     cy.typeCmdOrCtrl().type('K', {release: true});
 
     // # Start typing the name of other user
-    cy.findByRole('textbox', {name: 'quick switch input'}).type(user.username);
+    cy.findByRole('combobox', {name: 'quick switch input'}).type(user.username);
 
     // # Select other user from the list
     cy.findByTestId(user.username).should('be.visible');

e2e-tests/cypress/tests/integration/channels/keyboard_shortcuts/keyboard_shortcuts_1_spec.js

@@ -50,7 +50,7 @@ describe('Keyboard Shortcuts', () => {
             cy.apiAddUserToTeam(testTeam.id, tempUser.id);
 
             // # In the "Switch Channels" modal type the first chars of the test channel name
-            cy.findByRole('textbox', {name: 'quick switch input'}).should('be.focused').type(testChannel.name.substring(0, 3)).wait(TIMEOUTS.HALF_SEC);
+            cy.findByRole('combobox', {name: 'quick switch input'}).should('be.focused').type(testChannel.name.substring(0, 3)).wait(TIMEOUTS.HALF_SEC);
 
             // # Verify that the list of users and channels suggestions is present
             cy.get('#suggestionList').should('be.visible').within(() => {
@@ -360,7 +360,7 @@ describe('Keyboard Shortcuts', () => {
         cy.uiGetPostTextBox().cmdOrCtrlShortcut('K').then(() => {
             // * Channel switcher hint should be visible and focused on
             cy.get('#quickSwitchHint').should('be.visible');
-            cy.findByRole('textbox', {name: 'quick switch input'}).should('be.focused');
+            cy.findByRole('combobox', {name: 'quick switch input'}).should('be.focused');
         });
 
         // # Type CTRL/CMD+K to close 'Switch Channels' modal