diff --git a/frontend/components/profile/ProfilePageTitle.vue b/frontend/components/profile/global/ProfilePageTitle.vue
similarity index 100%
rename from frontend/components/profile/ProfilePageTitle.vue
rename to frontend/components/profile/global/ProfilePageTitle.vue
diff --git a/frontend/components/profile/ProfileSection.vue b/frontend/components/profile/global/ProfileSection.vue
similarity index 100%
rename from frontend/components/profile/ProfileSection.vue
rename to frontend/components/profile/global/ProfileSection.vue
diff --git a/frontend/components/profile/ProfileSidebar.vue b/frontend/components/profile/global/ProfileSidebar.vue
similarity index 72%
rename from frontend/components/profile/ProfileSidebar.vue
rename to frontend/components/profile/global/ProfileSidebar.vue
index a8b9d53..09f6210 100644
--- a/frontend/components/profile/ProfileSidebar.vue
+++ b/frontend/components/profile/global/ProfileSidebar.vue
@@ -22,6 +22,7 @@ const profileLinks = ref([
         icon: "bi:cart",
         title: "خرید ها و سفارش ها",
         path: { name: "profile-purchases-and-orders" },
+        matchPattern: /^profile-purchases-and-orders/,
     },
     {
         icon: "bi:ticket",
@@ -29,6 +30,11 @@ const profileLinks = ref([
         path: { name: "profile-tickets" },
         matchPattern: /^profile-ticket/,
     },
+    {
+        icon: "bi:bell",
+        title: "اعلانات",
+        path: { name: "profile-notifications" },
+    },
 ]);
 
 const isLinkActive = (link: any) => {
@@ -88,7 +94,7 @@ await suspense();
                 :class="
                     isLinkActive(link)
                         ? 'bg-black text-slate-100 **:fill-slate-100'
-                        : '**:fill-black'
+                        : '**:fill-black hover:bg-gray-200'
                 "
                 class="flex items-center justify-between transition-all rounded-lg py-4 px-3"
             >
@@ -101,6 +107,29 @@ await suspense();
 
                 <Icon name="bi:chevron-left" class="transition-all" />
             </NuxtLink>
+
+            <LogoutModal>
+                <template #trigger>
+                    <button
+                        class="w-full flex items-center cursor-pointer justify-between transition-all rounded-lg py-4 px-3 hover:bg-danger-100 text-danger-500 **:fill-danger-100"
+                    >
+                        <span class="flex-center gap-3">
+                            <div class="size-5 flex-center">
+                                <Icon
+                                    name="bi:arrow-bar-right"
+                                    class="**:fill-danger-500"
+                                />
+                            </div>
+                            <span class="text-sm"> خروج از حساب </span>
+                        </span>
+
+                        <Icon
+                            name="bi:chevron-left"
+                            class="transition-all **:fill-danger-500"
+                        />
+                    </button>
+                </template>
+            </LogoutModal>
         </div>
     </div>
 </template>
diff --git a/frontend/components/profile/ProfileTitle.vue b/frontend/components/profile/global/ProfileTitle.vue
similarity index 100%
rename from frontend/components/profile/ProfileTitle.vue
rename to frontend/components/profile/global/ProfileTitle.vue