[MM-61647][MM-61651]: Upgraded react-select to v5 (#30070)

* [MM-61647]: Upgraded react-select to v5
- Updated old type definitions with new v5 packaged type definitions.
- Removed some unused props
- Updated onBlur, onFocus and handleInputChange methods in user_input_email component

* Fix incorrect usage of handleInputChange in ChannelsInput

* Remove type assertions from dropdown_input_hybrid.tsx

* Simplify typing of users_emails_input.tsx

* [MM-61647][MM-61651]: Fixed some type definitions and e2e failing test case

* [MM-61647][MM-61651]: Fixed type error in dropdown_input_hybrid

* [MM-61647][MM-61651]: Fixed failing CI type error and e2e test cases

* [MM-61647][MM-61651]: Fixed failing e2e test case

* [MM-61647][MM-61651]: Updated the styles and reverted the test case changes
- Fixed the theme not getting correctly inherited
- Fixed the timezone and language settings getting saved on enter

---------

Co-authored-by: Harrison Healey <harrisonmhealey@gmail.com>
Co-authored-by: Mattermost Build <build@mattermost.com>

e2e-tests/cypress/tests/support/ui/channel.js

@@ -96,7 +96,7 @@ Cypress.Commands.add('goToDm', (username) => {
     // # Start typing part of a username that matches previously created users
     cy.get('#selectItems input').typeWithForce(username);
     cy.findByRole('dialog', {name: 'Direct Messages'}).should('be.visible').wait(TIMEOUTS.ONE_SEC);
-    cy.findByRole('textbox', {name: 'Search for people'}).
+    cy.findByRole('combobox', {name: 'Search for people'}).
         typeWithForce(username).
         wait(TIMEOUTS.ONE_SEC).
         typeWithForce('{enter}');

e2e-tests/cypress/tests/support/ui/data_retention.js

@@ -28,7 +28,7 @@ Cypress.Commands.add('uiFillOutCustomPolicyFields', (name, durationDropdown, dur
 Cypress.Commands.add('uiAddTeamsToCustomPolicy', (teamNames) => {
     cy.uiGetButton('Add teams').click();
     teamNames.forEach((teamName) => {
-        cy.findByRole('textbox', {name: 'Search and add teams'}).typeWithForce(teamName);
+        cy.findByRole('combobox', {name: 'Search and add teams'}).typeWithForce(teamName);
         cy.get('.team-info-block').then((el) => {
             el.click();
         });
@@ -39,7 +39,7 @@ Cypress.Commands.add('uiAddTeamsToCustomPolicy', (teamNames) => {
 Cypress.Commands.add('uiAddChannelsToCustomPolicy', (channelNames) => {
     cy.uiGetButton('Add channels').click();
     channelNames.forEach((channelName) => {
-        cy.findByRole('textbox', {name: 'Search and add channels'}).typeWithForce(channelName);
+        cy.findByRole('combobox', {name: 'Search and add channels'}).typeWithForce(channelName);
         cy.wait(TIMEOUTS.ONE_SEC);
         cy.get('.channel-info-block').then((el) => {
             el.click();