[MM-40384]: Channel notification settings modal UX revamp (#24984)

* Move notification preferences modal to new UI

* fix lint issue

* fix i18n

* fix unit test

* fix type issue and lint errors

* fix test case

* move common components to widget modals dir

* fix css issue

* feedback changes

* fix lint and i18n issues

* more feedback changes

* fix issue with mobile notification ui

* fix test

* clean up

* remove name

* fix test

---------

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

e2e-tests/cypress/tests/integration/channels/channel/channel_info_rhs_spec.js

@@ -211,7 +211,7 @@ describe('Channel Info RHS', () => {
                 cy.uiGetRHS().findByText('Notification Preferences').should('be.visible').click();
 
                 // * Ensures the modal is there
-                cy.get('.settings-modal').should('be.visible');
+                cy.get('.channel-notifications-settings-modal').should('be.visible');
             });
             it('should be able to view files and come back', () => {
                 // # Go to test channel
@@ -373,7 +373,7 @@ describe('Channel Info RHS', () => {
                 cy.uiGetRHS().findByText('Notification Preferences').should('be.visible').click();
 
                 // * Ensures the modal is there
-                cy.get('.settings-modal').should('be.visible');
+                cy.get('.channel-notifications-settings-modal').should('be.visible');
             });
         });
     });