fix unread notification tab and empty state

src/views/Notifications.vue

@@ -31,7 +31,10 @@
           stroke-linejoin="round"
         />
       </svg>
-      <p>Vous n’avez pas de nouvelles notifications</p>
+      <p v-if="currentTab === 'all'">
+        Vous n’avez pas de nouvelles notifications
+      </p>
+      <p v-else>Vous n’avez pas de notifications non lues</p>
     </div>
     <section v-else class="notifications | flow">
       <template
@@ -91,9 +94,16 @@ const notificationComponents = {
 };
 
 const sortedNotifications = computed(() => {
-  return [...notifications.value].sort((a, b) => {
+  const sortedNotifications = [...notifications.value].sort((a, b) => {
     return dayjs(b.date).diff(dayjs(a.date));
   });
+
+  if (currentTab.value === "unread") {
+    return sortedNotifications.filter(
+      (notification) => notification.isread !== "true"
+    );
+  }
+  return sortedNotifications;
 });
 
 function changeTab(newValue) {