Remove unused styles and dependencies from ProfileButton.js

frontend/src/components/layout/ProfileButton.js

@@ -7,15 +7,11 @@ import SettingsIcon from "@mui/icons-material/Settings";
 import { useNavigate } from "react-router-dom";
 import { useTuitioClient } from "@flare/tuitio-client-react";
 import { useToast } from "../../hooks";
-import { getStyles } from "./styles";
-import { useTheme } from "@mui/material/styles";
 import { useTranslation } from "react-i18next";
 
 const ProfileButton = () => {
   const navigate = useNavigate();
   const { error } = useToast();
-  const theme = useTheme();
-  const styles = getStyles(theme);
   const { t } = useTranslation();
 
   const { logout } = useTuitioClient({
@@ -66,7 +62,7 @@ const ProfileButton = () => {
             handleClose();
           }}
         >
-          <ListItemIcon sx={styles.menuItemIcon}>
+          <ListItemIcon sx={{ minWidth: "26px" }}>
             <AccountBoxIcon fontSize="small" />
           </ListItemIcon>
           <Typography variant="inherit">{t("User.Profile.Label")}</Typography>
@@ -77,13 +73,13 @@ const ProfileButton = () => {
             handleClose();
           }}
         >
-          <ListItemIcon sx={styles.menuItemIcon}>
+          <ListItemIcon sx={{ minWidth: "26px" }}>
             <SettingsIcon fontSize="small" />
           </ListItemIcon>
           <Typography variant="inherit">{t("User.Settings")}</Typography>
         </MenuItem>
         <MenuItem onClick={logout}>
-          <ListItemIcon sx={styles.menuItemIcon}>
+          <ListItemIcon sx={{ minWidth: "26px" }}>
             <ExitToAppIcon fontSize="small" />
           </ListItemIcon>
           <Typography variant="inherit">{t("User.Logout")}</Typography>

frontend/src/components/layout/styles.js

@@ -1,35 +0,0 @@
-const drawerWidth = 240;
-
-const getStyles = theme => ({
-  appBar: {
-    zIndex: theme.zIndex.drawer + 1,
-    transition: theme.transitions.create(["width", "margin"], {
-      easing: theme.transitions.easing.sharp,
-      duration: theme.transitions.duration.leavingScreen
-    })
-  },
-  appBarShift: {
-    marginLeft: drawerWidth,
-    width: `calc(100% - ${drawerWidth}px)`,
-    transition: theme.transitions.create(["width", "margin"], {
-      easing: theme.transitions.easing.sharp,
-      duration: theme.transitions.duration.enteringScreen
-    })
-  },
-  menuButton: {
-    marginRight: 36
-  },
-  hide: {
-    display: "none"
-  },
-  drawer: {
-    width: drawerWidth,
-    flexShrink: 0,
-    whiteSpace: "nowrap"
-  },
-  menuItemIcon: {
-    minWidth: "26px"
-  }
-});
-
-export { getStyles };