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

components/panel/userAccount/Head.js

@@ -4,13 +4,13 @@ import { Button } from "@mui/material";
 
 function Head() {
     return (
-        <div className="flex items-center justify-start gap-[10px]">
+        <div className="flex items-center justify-center md:justify-start gap-[10px]">
             <div className="p-[24px] grid place-items-center border border-solid border-[#EFEFEF] bg-[#EFEFEF] rounded-full">
                 <ProfileP />
             </div>
             <Button
                 variant="text"
-                className="!flex !p-1 !text-[#525252] !text-[16px] !font-medium !items-center !justify-center !gap-[4px]"
+                className="!flex !p-1 !text-[#525252] !text-[14px] md:!text-[16px] !font-medium !items-center !justify-center !gap-[4px]"
             >
                 انتخاب تصویر
                 <ArrowLeftPU />