fix: bugs

src/features/student/profile/pages/EditProfilePage.vue

@@ -6,7 +6,7 @@
       desc="در این قسمت می‌توانید پروفایل خود را به‌روز کنید."
     >
       <template #icon>
-        <SvgIcon name="user" :size="24" color="var(--color-primary)" />
+        <SvgIcon name="user-circle-check" :size="24" color="var(--color-primary)" />
       </template>
     </BoxedIconTitleBlock>
 
@@ -17,6 +17,7 @@
             v-model="avatar"
             name="avatar"
             bg-color="#eeeeee"
+            helper-text="برای آپلود تصویر جدید لطفا روی دکمه بالا کلیک کنید."
             @crop="onAvatarCropped"
             @error="onAvatarError"
           />
@@ -405,34 +406,36 @@ const onCancel = () => router.push({ name: 'student-dashboard' })
   }
 
   &__grid {
-    display: grid;
-    grid-template-columns: 1fr;
+    display: flex;
+    flex-direction: column;
     gap: 1rem;
 
     @media (min-width: 1024px) {
-      grid-template-columns: 4fr 8fr;
+      display: grid;
+      grid-template-columns: 8fr 4fr;
     }
 
     @media (min-width: 1280px) {
-      grid-template-columns: 3fr 9fr;
+      display: grid;
+      grid-template-columns: 9fr 3fr;
     }
   }
 
   &__avatar-col {
-    order: 2;
+    order: 1;
 
     @media (min-width: 1024px) {
-      order: 1;
+      order: 2;
       padding: 0.5rem;
     }
   }
 
   &__main-col {
-    order: 1;
+    order: 2;
 
     @media (min-width: 1024px) {
-      order: 2;
-      padding-inline-start: 1.25rem;
+      order: 1;
+      padding-inline-end: 1.25rem;
     }
   }