feat(notifications): added notification system w/ interwoven refactoring

composables/notifications.ts

@@ -0,0 +1,12 @@
+import type { Notification } from "@prisma/client";
+
+const ws = new WebSocketHandler("/api/v1/notifications/ws");
+
+export const useNotifications = () =>
+  useState<Array<Notification>>("notifications", () => []);
+
+ws.listen((e) => {
+  const notification = JSON.parse(e) as Notification;
+  const notifications = useNotifications();
+  notifications.value.push(notification);
+});

composables/types.d.ts

@@ -8,6 +8,6 @@ export type NavigationItem = {
 
 export type QuickActionNav = {
     icon: Component,
-    notifications?: number,
+    notifications?: Ref<number>,
     action: () => Promise<void>,
 }