correct user button in editor

frontend/app/(app)/code/[id]/page.tsx

@@ -1,21 +1,28 @@
-"use client"
-
 import Navbar from "@/components/editor/navbar"
-import { useClerk } from "@clerk/nextjs"
+import { User } from "@/lib/types"
+import { currentUser } from "@clerk/nextjs"
 import dynamic from "next/dynamic"
+import { redirect } from "next/navigation"
 
 const CodeEditor = dynamic(() => import("@/components/editor"), {
   ssr: false,
 })
 
-export default function CodePage() {
-  const clerk = useClerk()
+export default async function CodePage() {
+  const user = await currentUser()
+
+  if (!user) {
+    redirect("/")
+  }
+
+  const userRes = await fetch(`http://localhost:8787/api/user?id=${user.id}`)
+  const userData = (await userRes.json()) as User
 
   return (
     <div className="overflow-hidden overscroll-none w-screen flex flex-col h-screen bg-background">
-      <Navbar />
+      <Navbar userData={userData} />
       <div className="w-screen flex grow">
-        {clerk.loaded ? <CodeEditor /> : null}
+        <CodeEditor />
       </div>
     </div>
   )