Fix notification count in document title on navigation

frontend/apps/main/src/App.vue

@@ -190,7 +190,8 @@ const { t } = useI18n()
 const notificationStore = useNotificationStore()
 
 // Update browser tab title with unread notification count.
-watch(() => notificationStore.unreadCount, (count) => {
+// Watch both unreadCount and route so the prefix is preserved after navigation.
+watch([() => notificationStore.unreadCount, () => route.fullPath], ([count]) => {
   const base = document.title.replace(/^\(\d+\)\s*/, '')
   document.title = count > 0 ? `(${count}) ${base}` : base
 })

frontend/apps/main/src/router/index.js

@@ -5,7 +5,6 @@ import InboxLayout from '@main/layouts/inbox/InboxLayout.vue'
 import AccountLayout from '@main/layouts/account/AccountLayout.vue'
 import AdminLayout from '@main/layouts/admin/AdminLayout.vue'
 import { useAppSettingsStore } from '../stores/appSettings'
-import { useNotificationStore } from '../stores/notification'
 import { getI18n } from '../i18n'
 
 const routes = [
@@ -572,7 +571,6 @@ const router = createRouter({
 
 router.beforeEach((to, from, next) => {
   const appSettingsStore = useAppSettingsStore()
-  const notificationStore = useNotificationStore()
   const siteName = appSettingsStore.settings?.['app.site_name'] || 'Libredesk'
   const i18n = getI18n()
   const typeKey = typeof to.meta?.typeKey === 'function' ? to.meta.typeKey(to) : ''
@@ -580,8 +578,7 @@ router.beforeEach((to, from, next) => {
   const pageTitle = titleKey && i18n
     ? i18n.global.t(titleKey, to.meta?.titleCount || 1)
     : ''
-  const base = `${pageTitle} - ${siteName}`
-  document.title = notificationStore.unreadCount > 0 ? `(${notificationStore.unreadCount}) ${base}` : base
+  document.title = `${pageTitle} - ${siteName}`
   next()
 })