Working full width editor

src/app/globals.css

@@ -231,4 +231,9 @@ h3.ce-header {
 .ce-inline-tool:hover {
   color: var(--popover-foreground) !important;
   background-color: var(--accent) !important;
-}
+}
+
+.ce-block, .ce-block__content {
+  width: 100% !important;
+  max-width: 100% !important;
+}

src/components/Router.tsx

@@ -104,7 +104,8 @@ export default function Router({
       };
 
       return (
-        <div className="h-full w-3xl mx-auto bg-card rounded-2xl p-6 border">
+        <div className="h-full md:w-3xl xl:w-5xl mx-auto py-8 px-10 md:border-x">
+          <h1 className="text-5xl font-bold mb-7">{entity.name}</h1>
           <DocView
             key={entity.id}
             doc={entity.content}