remove comments, render nicer on mobiles

interface/src/components/MessageBox.tsx

@@ -32,7 +32,6 @@ const MessageBox: FC<MessageBoxProps> = ({ level, message, sx, children, ...rest
   const theme = useTheme();
   const Icon = LEVEL_ICONS[level];
   const backgroundColor = LEVEL_BACKGROUNDS[level](theme);
-  // const color = theme.palette.getContrastText(backgroundColor);
   const color = 'white';
   return (
     <Box p={2} display="flex" alignItems="center" borderRadius={1} sx={{ backgroundColor, color, ...sx }} {...rest}>

interface/src/components/layout/LayoutAppBar.tsx

@@ -25,7 +25,6 @@ const LayoutAppBar: FC<LayoutAppBarProps> = ({ title, onToggleDrawer }) => {
         ml: { md: `${DRAWER_WIDTH}px` },
         boxShadow: 'none',
         backgroundColor: '#2e586a'
-        // color: "#2196f3",
       }}
     >
       <Toolbar>

interface/src/components/layout/LayoutDrawer.tsx

@@ -47,7 +47,7 @@ const LayoutDrawer: FC<LayoutDrawerProps> = ({ mobileOpen, onClose }) => {
         open={mobileOpen}
         onClose={onClose}
         ModalProps={{
-          keepMounted: true // Better open performance on mobile.
+          keepMounted: true
         }}
         sx={{
           display: { xs: 'block', md: 'none' },