collaborative editor - wip

frontend/src/app/(dashboard)/(page)/p/[pageId]/page.tsx

@@ -0,0 +1,18 @@
+'use client';
+
+import { useParams } from 'next/navigation';
+import dynamic from 'next/dynamic';
+
+const Editor = dynamic(() => import("@/features/editor/Editor"), {
+  ssr: false,
+});
+
+export default function Page() {
+  const { pageId } = useParams();
+
+  return (
+    <div className="w-full h-[500px]">
+      <Editor pageId={pageId} />
+    </div>
+  );
+}

frontend/src/app/(dashboard)/home/page.tsx

@@ -7,10 +7,8 @@ export default function Home() {
   const [currentUser] = useAtom(currentUserAtom);
 
   return (
-    <div className="w-full flex justify-center z-10 flex-shrink-0">
-      <div className={`w-[900px]`}>
-       Hello {currentUser && currentUser.user.name}!
-      </div>
-    </div>
+    <>
+      Hello {currentUser && currentUser.user.name}!
+    </>
   );
 }

frontend/src/app/(dashboard)/layout.tsx

@@ -14,7 +14,11 @@ export default function DashboardLayout({ children }: {
   return (
     <UserProvider>
       <Shell>
-        {children}
+        <div className="w-full flex justify-center z-10 flex-shrink-0">
+          <div className={`w-[900px]`}>
+            {children}
+          </div>
+        </div>
       </Shell>
     </UserProvider>
   );

frontend/src/app/(dashboard)/settings/layout.tsx

@@ -2,8 +2,8 @@ import { ReactNode } from 'react';
 
 export default function SettingsLayout({ children }: { children: ReactNode }) {
   return (
-    <div className="w-full flex justify-center z-10 flex-shrink-0">
-      <div className={`w-[800px]`}>{children}</div>
-    </div>
+    <>
+      {children}
+    </>
   );
 }