docs: fix horizontal scroll (#5300)

www/apps/api-reference/app/api/[area]/layout.tsx

@@ -41,7 +41,7 @@ export default function RootLayout({
         <Providers>
           <Navbar />
           <div
-            className="w-full h-[calc(100%-57px)] overflow-y-scroll"
+            className="w-full h-[calc(100%-57px)] overflow-y-scroll overflow-x-hidden"
             id="main"
           >
             <div className="max-w-xxl mx-auto flex w-full px-1.5">

www/apps/docs/src/css/custom.css

@@ -3,6 +3,9 @@
 @tailwind utilities;
 
 @layer base {
+  body {
+    @apply !overflow-x-hidden;
+  }
   body[data-modal="opened"] {
     @apply !overflow-hidden;
   }

www/apps/ui/src/app/layout.tsx

@@ -36,7 +36,7 @@ export default function RootLayout({
         <Providers>
           <Navbar />
           <div
-            className="w-full h-[calc(100%-57px)] overflow-y-scroll"
+            className="w-full h-[calc(100%-57px)] overflow-y-scroll overflow-x-hidden"
             id="main"
           >
             <div className="max-w-xxl grid w-full grid-cols-1 px-6 lg:mx-auto lg:grid-cols-[280px_1fr]">