significant refactor

src/components/sheet/sheet.tsx

@@ -17,14 +17,22 @@ const Sheet: React.FC<SheetProps> = ({ title, children, opened, onChange }) => {
   const SheetComponent = isMobile ? Drawer : Modal;
 
   return (
-    <SheetComponent title={title} opened={opened} onChange={onChange} onClose={handleClose}>
-      <ScrollArea style={{ flex: 1 }} scrollbarSize={8} scrollbars='y' type='scroll'>
-        <Box mah='70vh'>
-          {children}
-        </Box>
+    <SheetComponent
+      title={title}
+      opened={opened}
+      onChange={onChange}
+      onClose={handleClose}
+    >
+      <ScrollArea
+        style={{ flex: 1 }}
+        scrollbarSize={8}
+        scrollbars="y"
+        type="scroll"
+      >
+        <Box mah="70vh">{children}</Box>
       </ScrollArea>
     </SheetComponent>
   );
 };
 
-export default Sheet;
+export default Sheet;