feat(#36): Notification rework with single and all comments mark as read

legalconsenthub/app/pages/index.vue

@@ -22,9 +22,8 @@
 
           <UTooltip :text="$t('notifications.tooltip')" :shortcuts="['N']">
             <UButton color="neutral" variant="ghost" square @click="isNotificationsSlideoverOpen = true">
-              <UChip :show="unreadCount > 0" color="error" inset>
+              <UChip :show="hasUnread" color="error" inset>
                 <UIcon name="i-lucide-bell" class="size-5 shrink-0" />
-                <span v-if="unreadCount > 0" class="ml-1 text-xs">{{ unreadCount }}</span>
               </UChip>
             </UButton>
           </UTooltip>
@@ -144,9 +143,9 @@ const { organizations, selectedOrganization } = storeToRefs(userStore)
 const { t: $t } = useI18n()
 
 // Inject notification state from layout
-const { isNotificationsSlideoverOpen, unreadCount } = inject('notificationState', {
+const { isNotificationsSlideoverOpen, hasUnread } = inject('notificationState', {
   isNotificationsSlideoverOpen: ref(false),
-  unreadCount: ref(0)
+  hasUnread: ref(false)
 })
 
 const { data } = await useAsyncData<PagedApplicationFormDto>(