removed some validations in panel

frontend/pages/profile/index.vue

@@ -12,7 +12,7 @@ import { QUERY_KEYS } from "~/constants";
 // meta
 
 useSeoMeta({
-    title : "پنل کاربری"
+    title: "پنل کاربری",
 });
 
 definePageMeta({
@@ -67,16 +67,6 @@ const formRules = computed(() => {
                 helpers.regex(/^0?[1-9][0-9]{9}$/)
             ),
         },
-        gender: {
-            required: helpers.withMessage("فیلد جنسیت الزامی می باشد", required),
-        },
-        email: {
-            required: helpers.withMessage("فیلد حساب الکترونیکی الزامی می باشد", required),
-            email: helpers.withMessage("حساب الکترونیکی وارد شده معتبر نمی باشد", email),
-        },
-        birth_date: {
-            required: helpers.withMessage("فیلد تاریخ تولد الزامی می باشد", required),
-        },
     };
 });
 
@@ -232,24 +222,18 @@ const handleSubmit = (withValidation: boolean) => {
                     <DataField
                         id="personal-data-gender"
                         label="جنسیت"
-                        :error="formValidator$.gender"
                     >
                         <Select
                             v-model="personalData.gender!"
                             :options="['مرد', 'زن']"
                             variant="outlined"
-                            :error="formValidator$.gender.$error"
                         />
                     </DataField>
                     <DataField
                         id="personal-data-birth-date"
                         label="تاریخ تولد"
-                        :error="formValidator$.birth_date"
                     >
-                        <Datepicker
-                            v-model="personalData.birth_date!"
-                            :error="formValidator$.birth_date.$error"
-                        />
+                        <Datepicker v-model="personalData.birth_date!" />
                     </DataField>
                     <DataField
                         id="personal-data-phone"
@@ -265,20 +249,26 @@ const handleSubmit = (withValidation: boolean) => {
                     <DataField
                         id="personal-email"
                         label="حساب الکترونیکی"
-                        :error="formValidator$.email"
                     >
                         <Input
                             v-model="personalData.email!"
                             variant="outlined"
-                            :error="formValidator$.email.$error"
                         />
                     </DataField>
                 </div>
+
+                <div class="w-full flex items-start justify-start gap-2 mt-5 px-2">
+                    <Icon
+                        name="bi:info-circle-fill"
+                        class="**:fill-slate-400 mt-0.5"
+                    />
+                    <p class="text-slate-400 text-[13px] font-medium">
+                        با پر کردن فیلد های جنسیت, حساب الکترونیکی, تاریخ تولد مارا در خدمات رسانی شخصی سازی شده به شما
+                        مشتریان عزیز یاری کنید
+                    </p>
+                </div>
             </ProfileSection>
         </div>
-        <!-- <div class="w-fill grid grid-cols-1 lg:grid-cols-2">
-            
-        </div> -->
     </div>
 </template>