mostly done liveblocks integration

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

@@ -1,5 +1,5 @@
 import Navbar from "@/components/editor/navbar"
-import { Room } from "@/components/editor/room"
+import { Room } from "@/components/editor/live/room"
 import { Sandbox, User, UsersToSandboxes } from "@/lib/types"
 import { currentUser } from "@clerk/nextjs"
 import dynamic from "next/dynamic"
@@ -49,12 +49,12 @@ export default async function CodePage({ params }: { params: { id: string } }) {
 
   return (
     <div className="overflow-hidden overscroll-none w-screen flex flex-col h-screen bg-background">
-      {/* <Room> */}
-      <Navbar userData={userData} sandboxData={sandboxData} shared={shared} />
-      <div className="w-screen flex grow">
-        <CodeEditor userData={userData} sandboxId={sandboxId} />
-      </div>
-      {/* </Room> */}
+      <Room id={sandboxId}>
+        <Navbar userData={userData} sandboxData={sandboxData} shared={shared} />
+        <div className="w-screen flex grow">
+          <CodeEditor userData={userData} sandboxId={sandboxId} />
+        </div>
+      </Room>
     </div>
   )
 }

frontend/app/api/lb-auth/route.ts

@@ -23,7 +23,6 @@ export async function POST(request: NextRequest) {
   // userInfo is made available in Liveblocks presence hooks, e.g. useOthers
   const session = liveblocks.prepareSession(user.id, {
     userInfo: {
-      id: user.id,
       name: user.name,
       email: user.email,
     },