improve starting server logic

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

@@ -1,79 +1,75 @@
-import Navbar from "@/components/editor/navbar";
-import { Room } from "@/components/editor/live/room";
-import { Sandbox, User, UsersToSandboxes } from "@/lib/types";
-import { currentUser } from "@clerk/nextjs";
-import { notFound, redirect } from "next/navigation";
-import Editor from "@/components/editor";
+import Navbar from "@/components/editor/navbar"
+import { Room } from "@/components/editor/live/room"
+import { Sandbox, User, UsersToSandboxes } from "@/lib/types"
+import { currentUser } from "@clerk/nextjs"
+import { notFound, redirect } from "next/navigation"
+import Editor from "@/components/editor"
 
-export const revalidate = 0;
+export const revalidate = 0
 
 const getUserData = async (id: string) => {
   const userRes = await fetch(
     `https://database.ishaan1013.workers.dev/api/user?id=${id}`
-  );
-  const userData: User = await userRes.json();
-  return userData;
-};
+  )
+  const userData: User = await userRes.json()
+  return userData
+}
 
 const getSandboxData = async (id: string) => {
   const sandboxRes = await fetch(
     `https://database.ishaan1013.workers.dev/api/sandbox?id=${id}`
-  );
-  const sandboxData: Sandbox = await sandboxRes.json();
-  return sandboxData;
-};
+  )
+  const sandboxData: Sandbox = await sandboxRes.json()
+  return sandboxData
+}
 
 const getSharedUsers = async (usersToSandboxes: UsersToSandboxes[]) => {
   if (!usersToSandboxes) {
-    return [];
+    return []
   }
 
   const shared = await Promise.all(
     usersToSandboxes.map(async (user) => {
       const userRes = await fetch(
         `https://database.ishaan1013.workers.dev/api/user?id=${user.userId}`
-      );
-      const userData: User = await userRes.json();
-      return { id: userData.id, name: userData.name };
+      )
+      const userData: User = await userRes.json()
+      return { id: userData.id, name: userData.name }
     })
-  );
+  )
 
-  return shared;
-};
+  return shared
+}
 
 export default async function CodePage({ params }: { params: { id: string } }) {
-  const user = await currentUser();
-  const sandboxId = params.id;
+  const user = await currentUser()
+  const sandboxId = params.id
 
   if (!user) {
-    redirect("/");
+    redirect("/")
   }
 
-  const userData = await getUserData(user.id);
-  const sandboxData = await getSandboxData(sandboxId);
-  const shared = await getSharedUsers(sandboxData.usersToSandboxes);
+  const userData = await getUserData(user.id)
+  const sandboxData = await getSandboxData(sandboxId)
+  const shared = await getSharedUsers(sandboxData.usersToSandboxes)
 
-  const isOwner = sandboxData.userId === user.id;
-  const isSharedUser = shared.some((uts) => uts.id === user.id);
+  const isOwner = sandboxData.userId === user.id
+  const isSharedUser = shared.some((uts) => uts.id === user.id)
 
   if (!isOwner && !isSharedUser) {
-    return notFound();
+    return notFound()
   }
 
-  console.log("sandboxes: ", sandboxData);
+  console.log("sandboxes: ", sandboxData)
 
   return (
     <div className="overflow-hidden overscroll-none w-screen flex flex-col h-screen bg-background">
       <Room id={sandboxId}>
         <Navbar userData={userData} sandboxData={sandboxData} shared={shared} />
         <div className="w-screen flex grow">
-          <Editor
-            isOwner={isOwner}
-            userData={userData}
-            sandboxData={sandboxData}
-          />
+          <Editor userData={userData} sandboxData={sandboxData} />
         </div>
       </Room>
     </div>
-  );
+  )
 }