style changes

app/code/[id]/page.tsx

@@ -1,4 +1,7 @@
+"use client"
+
 import Navbar from "@/components/navbar"
+import { useClerk } from "@clerk/nextjs"
 import dynamic from "next/dynamic"
 
 const CodeEditor = dynamic(() => import("@/components/editor"), {
@@ -6,11 +9,13 @@ const CodeEditor = dynamic(() => import("@/components/editor"), {
 })
 
 export default function CodePage() {
+  const clerk = useClerk()
+
   return (
     <div className="overflow-hidden overscroll-none w-screen flex flex-col h-screen bg-background">
       <Navbar />
       <div className="w-screen flex grow">
-        <CodeEditor />
+        {clerk.loaded ? <CodeEditor /> : null}
       </div>
     </div>
   )