Updated menu component to use mds (#2866)

Signed-off-by: Benjamin Perez <benjamin@bexsoft.net>

Author: bexsoft

portal-ui/src/screens/Console/Console.tsx

@@ -33,7 +33,6 @@ import { useSelector } from "react-redux";
 import { AppState, useAppDispatch } from "../../store";
 import { snackBarCommon } from "./Common/FormComponents/common/styleLibrary";
 import { ErrorResponseHandler } from "../../common/types";
-import Menu from "./Menu/Menu";
 import api from "../../common/api";
 import MainError from "./Common/MainError/MainError";
 import {
@@ -55,6 +54,7 @@ import {
   setSnackBarMessage,
 } from "../../systemSlice";
 import { selFeatures, selSession } from "./consoleSlice";
+import MenuWrapper from "./Menu/MenuWrapper";
 
 const Trace = React.lazy(() => import("./Trace/Trace"));
 const Heal = React.lazy(() => import("./Heal/Heal"));
@@ -481,7 +481,7 @@ const Console = ({ classes }: IConsoleProps) => {
     <Fragment>
       {session && session.status === "ok" ? (
         <MainContainer
-          menu={!hideMenu ? <Menu /> : <Fragment />}
+          menu={!hideMenu ? <MenuWrapper /> : <Fragment />}
           mobileModeAuto={false}
         >
           <Fragment>