feat: add global realtime websocket infrastructure and activity tracking

Author: Yasir761

web/src/app/(dashboard)/layout.tsx

@@ -1,18 +1,12 @@
-import { ReactNode } from "react"
-import { AppShell } from "@/components/shell/app-shell"
-import { CommandMenu } from "@/components/cmdk/command-menu"
-import { SystemToasts } from "@/components/system/system-toasts"
-
 import { ReactNode } from "react"
 
 import { AppShell } from "@/components/shell/app-shell"
-
 import { CommandMenu } from "@/components/cmdk/command-menu"
-
 import { SystemToasts } from "@/components/system/system-toasts"
-
 import { RealtimeProvider } from "@/components/system/realtime-provider"
 
+
+
 export default function DashboardLayout({
   children,
 }: {

web/src/hooks/use-realtime-system.ts

@@ -4,8 +4,7 @@ import { useEffect } from "react"
 
 import { toast } from "sonner"
 
-import { useRealtimeStore } from "@/stores/realtime-store"
-
+import { useRealtimeStore } from "@/app/stores/realtime-store"
 export function useRealtimeSystem() {
   const setConnected =
     useRealtimeStore(