add open/close to sidebar & responsive sidebar & head & page dashboard and user account

components/layoutPanel/header/MenuProfile.js

@@ -19,10 +19,17 @@ function MenuProfile({ data }) {
 
     return (
         <>
+            <Image
+                className='flex md:hidden w-[32px] h-[32px] rounded-full'
+                src={data.src}
+                alt='profile'
+                height={32}
+                width={32}
+            />
             <Button
                 variant='text'
                 onClick={handleClick}
-                className='!flex !items-start !justify-center !gap-[8px] !p-1'
+                className='!hidden md:!flex !items-start !justify-center !gap-[8px] !p-1'
             >
                 <Image
                     className='w-[48px] h-[48px] rounded-full'
@@ -80,6 +87,7 @@ function MenuProfile({ data }) {
                         fullWidth
                         color='error'
                         variant='contained'
+                        onClick={handleClose}
                         sx={{
                             '&.MuiButtonBase-root': {
                                 paddingTop: '8px !important',