[MM-61570]: Refactored the post priority menu and fixed the keyboard navigation issue in the menu. (#29583)

* [MA-7]: Refactored the post priority menu and fixed the keyboard navigation issue in the menu

* [MA-7]: Updated the menu list structure and fixed menu not closing bug

* [MA-7]: Review fixes minor code structure fixes

* [MA-7]: Fixed failing e2e test cases

* [MA-7]: Fixed styling and Keyboard behaviour of menu

* [MA-7]: Minor changes after rebased with master

* [MA-7]: Fixed failing playwright test case

* [MA-7]: Fixed failing e2e test cases

* [MA-7]: Fixed reverting of selected priority to previous value on menu close

* [MA-7]: Fixed failing smoke test

* [MA-7]: Fixed submenu pointer event and failing playwright test cases

* [MA-7]: Fixed failing playwright test case

* fix playwright tests

* fix playwright tests

---------

Co-authored-by: yasserfaraazkhan <attitude3cena.yf@gmail.com>

e2e-tests/cypress/tests/integration/channels/messaging/post_header_spec.js

@@ -74,7 +74,7 @@ describe('Post Header', () => {
             // * Check that the center dot menu button and dropdown are visible
             cy.get(`#post_${postId}`).should('be.visible');
             cy.get(`#CENTER_button_${postId}`).should('be.visible');
-            cy.get(`#CENTER_dropdown_${postId}`).should('be.visible').type('{esc}');
+            cy.get('body').type('{esc}');
 
             // # Click to other location like post textbox
             cy.uiGetPostTextBox().click();

e2e-tests/cypress/tests/integration/playbooks/channels/broadcast_spec.js

@@ -367,7 +367,7 @@ const deleteLatestPostRoot = (testTeam, channelName) => {
             });
 
         // * Post extra options is visible
-        cy.findByLabelText('Post extra options').should('exist');
+        cy.findByLabelText('Post extra options').should('have.attr', 'role', 'menu').and('exist');
 
         // # Click delete button.
         cy.get('@deleteId').then((deleteId) => {

e2e-tests/cypress/tests/support/ui/post.ts

@@ -76,7 +76,7 @@ export function verifySavedPost(postId, message) {
     // * Check that the dotmenu item is changed accordingly
     cy.findAllByTestId(`post-menu-${postId}`).eq(0).should('be.visible');
     cy.findByText('Remove from Saved').scrollIntoView().should('be.visible');
-    cy.get(`#CENTER_dropdown_${postId}`).should('be.visible').type('{esc}');
+    cy.get('body').type('{esc}');
 
     cy.get('#postListContent').within(() => {
         // * Check that the post is highlighted
@@ -137,7 +137,7 @@ export function verifyUnsavedPost(postId) {
     // * Check that the dotmenu item is changed accordingly
     cy.findAllByTestId(`post-menu-${postId}`).eq(0).should('be.visible');
     cy.findByText('Save Message').scrollIntoView().should('be.visible');
-    cy.get(`#CENTER_dropdown_${postId}`).should('be.visible').type('{esc}');
+    cy.get('body').type('{esc}');
 
     cy.get('#postListContent').within(() => {
         // * Check that the post is not highlighted