design page general and office information & head panel

components/panel/userAccount/form/Content.js

@@ -1,10 +0,0 @@
-function Content({ children, text }) {
-    return (
-        <div className="flex flex-col items-start justify-start gap-[16px]">
-            <p className="text-[#525252] text-[14px] font-medium">{text}</p>
-            {children}
-        </div>
-    )
-}
-
-export default Content

components/panel/userAccount/form/index.js

@@ -2,7 +2,7 @@
 
 import { useState } from "react";
 
-import Content from "./Content";
+import ContentText from "../../ContentText";
 import EditField from "@/app/component/EditField";
 import AutoCompleteSelect from "@/app/component/element/AutoCompleteSelect";
 import { bank, city, state } from "./listSelector";
@@ -38,45 +38,45 @@ 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]">
-                <Content text='نام و نام خانوادگی'>
+                <ContentText text='نام و نام خانوادگی'>
                     <EditField isTransparent={true} iconGray={true} changeData={changeData} data={data?.name} name='name' />
-                </Content>
-                <Content text='کد ملی'>
+                </ContentText>
+                <ContentText text='کد ملی'>
                     <EditField isTransparent={true} iconGray={true} changeData={changeData} data={data?.national_code} name='national_code' />
-                </Content>
-                <Content text='استان'>
+                </ContentText>
+                <ContentText text='استان'>
                     <AutoCompleteSelect
                         updateData={updateSelect}
                         label='انتخاب کنید...'
                         name='state'
                         list={state}
                     />
-                </Content>
-                <Content text='شهر'>
+                </ContentText>
+                <ContentText text='شهر'>
                     <AutoCompleteSelect
                         updateData={updateSelect}
                         label='انتخاب کنید...'
                         name='city'
                         list={city}
                     />
-                </Content>
-                <Content text='آدرس'>
+                </ContentText>
+                <ContentText text='آدرس'>
                     <EditField icon={<AddLocationP />} isTransparent={true} placeholder='از روی نقشه انتخاب کنید...' iconGray={true} changeData={changeData} data={data?.address} name='address' />
-                </Content>
-                <Content text='شماره موبایل'>
+                </ContentText>
+                <ContentText text='شماره موبایل'>
                     <EditField isTransparent={true} placeholder='شماره موبایل' iconGray={true} changeData={changeData} data={data?.phone} name='phone' />
-                </Content>
-                <Content text='شماره حساب'>
+                </ContentText>
+                <ContentText text='شماره حساب'>
                     <EditField isTransparent={true} placeholder='شماره حساب' iconGray={true} changeData={changeData} data={data?.account_number} name='account_number' />
-                </Content>
-                <Content text='شهر'>
+                </ContentText>
+                <ContentText text='شهر'>
                     <AutoCompleteSelect
                         updateData={updateSelect}
                         label='انتخاب کنید...'
                         name='bank'
                         list={bank}
                     />
-                </Content>
+                </ContentText>
             </ul>
             <div className="w-full flex justify-end">
                 <Button