Tali new

.gitignore

@@ -39,3 +39,6 @@ yarn-error.log*
 # typescript
 *.tsbuildinfo
 next-env.d.ts
+
+# Sentry Config File
+.env.sentry-build-plugin

.vscode/mcp.json

@@ -0,0 +1,8 @@
+{
+  "servers": {
+    "Sentry": {
+      "url": "https://mcp.sentry.dev/mcp/velo-7b/javascript-nextjs",
+      "type": "http"
+    }
+  }
+}

app/dashboard/layout.tsx

@@ -1,9 +1,64 @@
+"use client";
+
 import type React from "react";
+import { useBack } from "@/components/hooks/useBack";
+import { ArrowLeft } from "lucide-react";
+import ProtectedRoute from "@/components/auth/protected-route";
+import { useNotifications } from "@/components/hooks/useNotifications";
+import { useTokenMonitor } from "@/components/hooks/useTokenMonitor";
+import { useRef, useEffect } from "react";
+import { useAuth } from "@/components/context/AuthContext";
+import { useDeposits } from "@/components/hooks";
+import { ToastContainer } from "@/components/modals/toastContainer";
+import { TokenExpiredDialog } from "@/components/modals/TokenExpiredDialog";
+import { MobileBottomNav } from "@/components/dashboard/mobile-bottom-nav";
+import { TopNav } from "@/components/dashboard/top-nav";
 
 export default function RootLayout({
   children,
-}: Readonly<{
-  children: React.ReactNode;
-}>) {
-  return <div>{children}</div>;
+}: Readonly<{ children: React.ReactNode }>) {
+  const { checkDeposits } = useDeposits();
+  const { token } = useAuth();
+
+  const { toasts, removeToast } = useNotifications();
+  const checkRef = useRef(checkDeposits);
+  useEffect(() => {
+    checkRef.current = checkDeposits;
+  }, [checkDeposits]);
+
+  useEffect(() => {
+    if (!token) return;
+
+    checkRef.current();
+
+    const id = window.setInterval(() => {
+      if (token) checkRef.current();
+    }, 20000);
+
+    return () => window.clearInterval(id);
+  }, [token]);
+
+  const { showExpiredDialog, handleRelogin } = useTokenMonitor();
+
+  return (
+    <ProtectedRoute>
+      <div className="flex w-screen flex-col">
+        <TopNav />
+        <ToastContainer toasts={toasts} onRemoveToast={removeToast} />
+
+        <div className="mt-20 w-full md:max-w-[80%]  mx-auto relative">
+          <button onClick={useBack()} className="absolute cursor-pointer bg-card left-6 top-0">
+            <ArrowLeft size={20} className="text-foreground" />
+          </button>
+          {children}
+        </div>
+        <MobileBottomNav />
+
+        <TokenExpiredDialog
+          isOpen={showExpiredDialog}
+          onRelogin={handleRelogin}
+        />
+      </div>
+    </ProtectedRoute>
+  );
 }