added mobile style

frontend/pages/profile/index.vue

@@ -157,16 +157,18 @@ const handleSubmit = (withValidation: boolean) => {
 
 <template>
     <div class="w-full flex flex-col gap-5">
-        <ProfilePageTitle title="پروفایل" icon="bi:person-vcard" />
+        <ProfilePageTitle
+            title="پروفایل"
+            icon="bi:person-vcard"
+            @back="toggleSidebar"
+        />
 
         <div class="flex flex-col gap-6">
             <div
                 class="w-full flex items-center justify-between border p-6 rounded-xl border-slate-200"
             >
                 <div class="flex items-center justify-start gap-5 w-8/12">
-                    <div
-                        class="relative shrink-0 rounded-full flex-center"
-                    >
+                    <div class="relative shrink-0 rounded-full flex-center">
                         <Avatar
                             class="!size-32"
                             :src="account!.profile_photo"