[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/interactive_dialog/scrollable_spec.js

@@ -86,7 +86,7 @@ describe('Interactive Dialog', () => {
                     cy.wrap($elForm).find('.suggestion-list__item').first().should('be.visible');
                     cy.wrap($elForm).find('.form-control').type('{uparrow}', {force: true});
                     cy.wrap($elForm).find('.form-control').type('{downarrow}'.repeat(10), {force: true});
-                    cy.wrap($elForm).find('.suggestion-list__item').first().should('not.be.visible');
+                    cy.wrap($elForm).find('.suggestion-list__item').should('not.exist');
                     cy.wrap($elForm).find('.form-control').type('{uparrow}'.repeat(10), {force: true});
                     cy.wrap($elForm).find('.suggestion-list__item').first().should('be.visible');
                 } else if (index === 1) {
@@ -94,7 +94,7 @@ describe('Interactive Dialog', () => {
                     cy.wrap($elForm).find('.suggestion-list__item').first().should('be.visible');
                     cy.wrap($elForm).find('.form-control').type('{uparrow}', {force: true});
                     cy.wrap($elForm).find('.form-control').type('{downarrow}'.repeat(10), {force: true});
-                    cy.wrap($elForm).find('.suggestion-list__item').first().should('not.be.visible');
+                    cy.wrap($elForm).find('.suggestion-list__item').should('not.exist');
                     cy.wrap($elForm).find('.form-control').type('{uparrow}'.repeat(10), {force: true});
                     cy.wrap($elForm).find('.suggestion-list__item').first().should('be.visible');
                 }