[WebApp][MM-51266]: Add compass (MUI wrapper components) in common components package (#22942)

* wrap all the components using compass-components with compass-components theme provider

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

webapp/channels/package.json

@@ -13,9 +13,10 @@
     "@mattermost/compass-components": "^0.2.12",
     "@mattermost/compass-icons": "0.1.34",
     "@mattermost/types": "*",
-    "@mui/base": "5.0.0-alpha.116",
-    "@mui/material": "5.11.7",
-    "@mui/styled-engine-sc": "5.11.0",
+    "@mui/base": "5.0.0-alpha.127",
+    "@mui/material": "5.11.16",
+    "@mui/system": "5.11.16",
+    "@mui/styled-engine-sc": "5.11.11",
     "@stripe/react-stripe-js": "1.13.0",
     "@stripe/stripe-js": "1.41.0",
     "@tippyjs/react": "4.2.6",