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

components/panel/userAccount/form/index.js

@@ -37,7 +37,7 @@ function Form() {
 
     return (
         <div className="flex flex-col items-start justify-start gap-[48px]">
-            <ul className="grid w-full grid-cols-2 mt-[32px] gap-x-[48px] gap-y-[32px]">
+            <ul className="grid w-full grid-cols-1 md:grid-cols-2 mt-[24px] md:mt-[28px] lg:mt-[32px] gap-x-[48px] gap-y-[32px]">
                 <ContentText text='نام و نام خانوادگی'>
                     <EditField isTransparent={true} iconGray={true} changeData={changeData} data={data?.name} name='name' />
                 </ContentText>
@@ -81,7 +81,8 @@ function Form() {
             <div className="w-full flex justify-end">
                 <Button
                     variant="contained"
-                    className="!gap-[4px] !py-[8px] !px-[24px] !rounded-[4px] !shadow-none !text-[#EFEFEF] !text-[16px] !font-medium"
+                    className="!gap-[4px] !py-[8px] !px-[24px] !rounded-[4px] !w-full md:!w-fit 
+                    !shadow-none !text-[#EFEFEF] !text-[14px] md:!text-[16px] !font-medium"
                 >
                     ثبت اطلاعات
                     <ArrowLeftButtonP />