feat(userAccount): improve user profile handling with avatar upload and dynamic display name

components/dashboard/userAccount/detailUser/information/form/index.js

@@ -19,13 +19,18 @@ function Form({ insurance, errors, changeData, information }) {
     <div className="grid grid-cols-1 lg:grid-cols-2 gap-x-[24px] gap-y-[10px]">
       <Content title="شماره موبایل" isConfirmed={true}>
         <Field
-          type="number"
+          type="text"
           disable={true}
           iconGray={true}
-          name="work_phone"
+          name="mobile_number"
           isTransparent={true}
           changeData={changeData}
-          data={parsedUserInfo?.mobile_number ?? parsedUserInfo?.username}
+          value={
+            parsedUserInfo?.mobile_number ??
+            parsedUserInfo?.username ??
+            information?.mobile_number ??
+            ""
+          }
         />
       </Content>
       <Content
@@ -43,7 +48,8 @@ function Form({ insurance, errors, changeData, information }) {
           isTransparent={true}
           changeData={changeData}
           data={information?.national_code}
-          disable={information?.prev_data}
+          // کد ملی فقط وقتی از قبل مقدار دارد قفل می‌شود؛ اگر خالی است قابل افزودن باشد.
+          disable={Boolean(information?.national_code)}
         />
       </Content>
       <Content req={true} error={errors?.name} title="نام" isConfirmed={false}>