refactor routes everywhere

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

@@ -0,0 +1,22 @@
+"use client"
+
+import Navbar from "@/components/editor/navbar"
+import { useClerk } from "@clerk/nextjs"
+import dynamic from "next/dynamic"
+
+const CodeEditor = dynamic(() => import("@/components/editor"), {
+  ssr: false,
+})
+
+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">
+        {clerk.loaded ? <CodeEditor /> : null}
+      </div>
+    </div>
+  )
+}