fixing documentation area

Modules/Documentation/Resources/views/layouts/master.blade.php

@@ -1,10 +1,6 @@
-<!doctype html>
-<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
-    <head>
-        <meta charset="utf-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-        <title>{{ trim($__env->yieldContent('title', 'Documentation')) }} - {{ config('app.name', 'Laravel') }}</title>
-        <style>
+<x-layouts.app>
+    <style>
+
             :root {
                 --doc-ink: #18181b;
                 --doc-muted: #71717a;
@@ -537,13 +533,15 @@
                 .doc-grid.stats { grid-template-columns: 1fr; }
                 .doc-hero { padding: 1.375rem; border-radius: 1.375rem; }
             }
-        </style>
-    </head>
-    <body class="documentation-module">
-        <main class="doc-shell">
-            @yield('content')
-        </main>
-        <script>
+        
+    </style>
+
+    <div class="mx-auto max-w-[1800px] space-y-6" dusk="documentation-module">
+        @yield('content')
+    </div>
+
+    <script>
+
             document.addEventListener('click', function (event) {
                 const button = event.target.closest('[data-md-before]');
 
@@ -568,6 +566,6 @@
                 textarea.setRangeText(replacement, start, end, 'end');
                 textarea.focus();
             });
-        </script>
-    </body>
-</html>
+        
+    </script>
+</x-layouts.app>