pass data properly to userbutton

frontend/app/(app)/dashboard/page.tsx

@@ -2,7 +2,7 @@ import { UserButton, currentUser } from "@clerk/nextjs"
 import { redirect } from "next/navigation"
 import Dashboard from "@/components/dashboard"
 import Navbar from "@/components/dashboard/navbar"
-import { Sandbox } from "@/lib/types"
+import { Sandbox, User } from "@/lib/types"
 
 export default async function DashboardPage() {
   const user = await currentUser()
@@ -11,17 +11,13 @@ export default async function DashboardPage() {
     redirect("/")
   }
 
-  const res = await fetch(
-    `http://localhost:8787/api/user/sandbox?id=${user.id}`
-  )
-  const data = (await res.json()).sandbox as Sandbox[]
-
-  console.log(data)
+  const userRes = await fetch(`http://localhost:8787/api/user?id=${user.id}`)
+  const userData = (await userRes.json()) as User
 
   return (
     <div className="w-screen h-screen flex flex-col overflow-hidden overscroll-none">
-      <Navbar userId={user.id} />
-      <Dashboard sandboxes={data} />
+      <Navbar userData={userData} />
+      <Dashboard sandboxes={userData.sandbox} />
     </div>
   )
 }