chore(notification): only remove from UI when delete succeeded

Author: SIMULATAN

src/lib/components/notification/Notification.svelte

@@ -8,6 +8,7 @@
     import { deleteNotification, resolveNotification } from "$lib/api/notification_api";
     import type { ApiProps } from "$lib/api/api";
     import { notificationCount } from "$lib/components/notification/notification_store";
+    import { getToaster } from "$lib/context/layout_context.svelte";
 
     interface Props {
         apiProps: ApiProps
@@ -22,9 +23,11 @@
         $notificationCount--;
     }
 
+    const toaster = getToaster()
     async function remove() {
-        await deleteNotification(apiProps, notification.id)
-        ondelete()
+        const result = await deleteNotification(apiProps, notification.id)
+        if (result.ok) ondelete()
+        else toaster.error({title: "Couldn't delete Notification", description: await result.text()})
     }
 </script>