MM-59065 - New channel menu using new menu system (#30093)

* New channel menu using new menu system

* fix e2e-tests

* remove extraneous separator

* lint fix

* fix test after merge

* update to pass properties to first menu item

* fix e2etest

* refactor: Update channel header menu items to use const event handlers

* refactor: Extract plugin item click handler in channel header menu

* refactor: Improve error handling and button click handlers in mobile channel header plugins

* lint fixes

* updates for code reveiw

* run i18n-extract

* fix unit test

* fix: Close channel dropdown menu by clicking channel header title

* fix: Use keyboard escape to close channel dropdown menu in e2e tests

* fix cypress test

* fix: Resolve MUI Menu component fragment rendering issue

* cleanup

* remove unneccessary css

* fixing testing issues

---------

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

e2e-tests/cypress/tests/integration/channels/keyboard_shortcuts/ctrl_cmd_shift_slash/not_open_emoji_picker_spec.js

@@ -115,8 +115,13 @@ describe('Keyboard shortcut CTRL/CMD+Shift+\\ for adding reaction to last messag
         verifyEmojiPickerNotOpen();
 
         ['Edit Channel Header', 'Rename Channel'].forEach((modal) => {
-            // # Open the modal and do keyboard shortcut
-            cy.uiOpenChannelMenu(modal);
+            // # Click on the channel name in the channel header to open the channel menu options
+            cy.get('#channelHeaderTitle').click();
+
+            // # Select the "Edit Channel Header" option from the dropdown
+            cy.findByText('Channel Settings').should('be.visible').trigger('mouseover');
+            cy.findByText(modal).click();
+
             doReactToLastMessageShortcut();
 
             // * Verify emoji picker is not open
@@ -135,6 +140,9 @@ describe('Keyboard shortcut CTRL/CMD+Shift+\\ for adding reaction to last messag
         // # Verify emoji picker is not open
         cy.get('#emojiPicker').should('not.exist');
 
+        // close channel Menu
+        pressEscapeKey();
+
         // * Open the main menu dropdown and do keyboard shortcut
         cy.uiOpenTeamMenu();
         doReactToLastMessageShortcut();