Remove unused imports and format code

src/components/Drawer/Drawer.tsx

@@ -1,32 +1,21 @@
-import * as React from 'react';
 import Box from '@mui/material/Box';
 import Drawer from '@mui/material/Drawer';
-import Button from '@mui/material/Button';
-import List from '@mui/material/List';
-import Divider from '@mui/material/Divider';
-import ListItem from '@mui/material/ListItem';
-import ListItemButton from '@mui/material/ListItemButton';
-import ListItemIcon from '@mui/material/ListItemIcon';
-import ListItemText from '@mui/material/ListItemText';
-import InboxIcon from '@mui/icons-material/MoveToInbox';
-import MailIcon from '@mui/icons-material/Mail';
-import CloseIcon from '@mui/icons-material/Close';
 import { isMobile } from '../../App';
-export const DrawerComponent = ({open, setOpen, children}) => {
-
+export const DrawerComponent = ({ open, setOpen, children }) => {
   const toggleDrawer = (newOpen: boolean) => () => {
     setOpen(newOpen);
   };
 
- 
   return (
     <div>
       <Drawer open={open} onClose={toggleDrawer(false)}>
-      <Box sx={{ width: isMobile ? '100vw' : '400px', height: '100%' }} role="presentation">
-     
-      {children}
-    </Box>
+        <Box
+          sx={{ width: isMobile ? '100vw' : '400px', height: '100%' }}
+          role="presentation"
+        >
+          {children}
+        </Box>
       </Drawer>
     </div>
   );
-}
+};

src/components/Drawer/DrawerUserLookup.tsx

@@ -1,22 +1,26 @@
-import * as React from 'react';
 import Box from '@mui/material/Box';
 import Drawer from '@mui/material/Drawer';
 
-export const DrawerUserLookup = ({open, setOpen, children}) => {
-
+export const DrawerUserLookup = ({ open, setOpen, children }) => {
   const toggleDrawer = (newOpen: boolean) => () => {
     setOpen(newOpen);
   };
 
- 
   return (
     <div>
-      <Drawer disableEnforceFocus hideBackdrop={true} open={open} onClose={toggleDrawer(false)}>
-      <Box sx={{ width: '70vw', height: '100%', maxWidth: '1000px' }} role="presentation">
-     
-      {children}
-    </Box>
+      <Drawer
+        disableEnforceFocus
+        hideBackdrop={true}
+        open={open}
+        onClose={toggleDrawer(false)}
+      >
+        <Box
+          sx={{ width: '70vw', height: '100%', maxWidth: '1000px' }}
+          role="presentation"
+        >
+          {children}
+        </Box>
       </Drawer>
     </div>
   );
-}
+};