fix: console errors

src/components/ItemControls/components/ControlsContainer.tsx

@@ -6,30 +6,30 @@ interface Props {
   children: React.ReactNode;
 }
 
-export const ControlsContainer = ({ header, children }: Props) => (
+export const ControlsContainer = ({ header, children }: Props) => {
-  <Box
+  return (
-    sx={{
-      position: 'relative',
-      height: '100%',
-      width: '100%',
-      display: 'flex',
-      flexDirection: 'column'
-    }}
-  >
-    <Box sx={{ width: '100%', boxShadow: 6, zIndex: 1 }}>{header}</Box>
     <Box
       sx={{
+        position: 'relative',
+        height: '100%',
         width: '100%',
-        overflowY: 'scroll',
+        display: 'flex',
-        flexGrow: 1,
+        flexDirection: 'column'
-        '&::-webkit-scrollbar': {
-          display: 'none'
-        },
-        '-ms-overflow-style': 'none',
-        'scrollbar-width': 'none'
       }}
     >
-      <Box sx={{ width: '100%', pb: 6 }}>{children}</Box>
+      <Box sx={{ width: '100%', boxShadow: 6, zIndex: 1 }}>{header}</Box>
+      <Box
+        sx={{
+          width: '100%',
+          overflowY: 'scroll',
+          flexGrow: 1,
+          '&::-webkit-scrollbar': {
+            display: 'none'
+          }
+        }}
+      >
+        <Box sx={{ width: '100%', pb: 6 }}>{children}</Box>
+      </Box>
     </Box>
-  </Box>
+  );
-);
+};

src/components/MarkdownEditor/MarkdownEditor.tsx

@@ -9,7 +9,7 @@ interface Props {
   height?: number;
 }
 
-const tools = ['bold', 'italic', 'underline', 'strike', 'bullet', 'link'];
+const tools = ['bold', 'italic', 'underline', 'strike', 'link'];
 
 export const MarkdownEditor = ({
   value,