Updated

frontend/components/profile/global/ProfileSidebar.vue

@@ -34,6 +34,12 @@ const profileLinks = ref([
         path: { name: "profile-purchases-and-orders" },
         matchPattern: /^profile-purchases-and-orders/,
     },
+    {
+        icon: "bi:bookmark",
+        title: "علاقه‌مندی ها",
+        path: { name: "profile-saved-products" },
+        matchPattern: /^profile-saved-products/,
+    },
     {
         icon: "bi:ticket",
         title: "تیکت ها",
@@ -95,26 +101,20 @@ const toggleSidebar = inject("toggleSidebar");
                     :src="account!.profile_photo"
                     :alt="
                         account?.first_name && account?.last_name
-                            ? `${account?.first_name.charAt(
-                                  0
-                              )} ${account?.last_name.charAt(0)}`
+                            ? `${account?.first_name.charAt(0)} ${account?.last_name.charAt(0)}`
                             : 'بدون نام کاربری'
                     "
                 />
             </div>
         </div>
 
-        <div
-            class="w-full flex flex-col gap-2 rounded-xl bg-slate-50 border border-slate-200 p-4"
-        >
+        <div class="w-full flex flex-col gap-2 rounded-xl bg-slate-50 border border-slate-200 p-4">
             <NuxtLink
                 v-for="(link, index) in profileLinks"
                 :key="index"
                 :to="{ ...link.path }"
                 :class="
-                    isLinkActive(link)
-                        ? 'bg-black text-slate-100 **:fill-slate-100'
-                        : '**:fill-black hover:bg-gray-200'
+                    isLinkActive(link) ? 'bg-black text-slate-100 **:fill-slate-100' : '**:fill-black hover:bg-gray-200'
                 "
                 class="flex items-center justify-between transition-all rounded-lg py-3.5 lg:py-4 px-3"
                 @click="toggleSidebar"
@@ -126,7 +126,10 @@ const toggleSidebar = inject("toggleSidebar");
                     <span class="text-xs lg:text-sm">{{ link.title }}</span>
                 </span>
 
-                <Icon name="bi:chevron-left" class="transition-all" />
+                <Icon
+                    name="bi:chevron-left"
+                    class="transition-all"
+                />
             </NuxtLink>
 
             <LogoutModal>
@@ -141,9 +144,7 @@ const toggleSidebar = inject("toggleSidebar");
                                     class="**:fill-danger-500"
                                 />
                             </div>
-                            <span class="text-xs lg:text-sm">
-                                خروج از حساب
-                            </span>
+                            <span class="text-xs lg:text-sm"> خروج از حساب </span>
                         </span>
 
                         <Icon