[MM-55277] Team's menu doesn't follow standard accessible keyboard behavior (#29917)

webapp/platform/components/babel.config.js

@@ -12,7 +12,7 @@ const config = {
             },
             modules: false,
             corejs: {
-                version: "3.26",
+                version: '3.26',
                 proposals: true,
             },
             debug: false,

webapp/platform/components/package.json

@@ -35,6 +35,7 @@
   },
   "peerDependencies": {
     "@babel/runtime-corejs3": "^7.17.8",
+    "@mattermost/compass-icons": "0.1.48",
     "@mui/base": "5.0.0-alpha.127",
     "@mui/material": "5.11.16",
     "@mui/styled-engine-sc": "5.11.11",

webapp/platform/components/rollup.config.js

@@ -1,18 +1,16 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-// eslint-disable-next-line import/no-unresolved
-import resolve from '@rollup/plugin-node-resolve';
 import commonjs from '@rollup/plugin-commonjs';
-import scss from 'rollup-plugin-scss';
+import resolve from '@rollup/plugin-node-resolve';
 import typescript from '@rollup/plugin-typescript';
+import scss from 'rollup-plugin-scss';
 
 import packagejson from './package.json';
 
 const externals = [
     ...Object.keys(packagejson.dependencies || {}),
     ...Object.keys(packagejson.peerDependencies || {}),
-    '@mattermost/compass-icons/components',
     'lodash/throttle',
     'mattermost-redux',
     'reselect',