fix: clean page.tsx

Author: OlivierCo

apps/www/app/docs/@details/[name]/page.tsx

@@ -131,7 +131,7 @@ export default async function HookPage({
   const hookDoc = await getHookDoc(name);
 
   return (
-    <div className="pb-20 space-y-10 px-20 container mx-auto max-w-4xl">
+    <div className="pb-20 space-y-10 px-20 max-w-4xl">
       <h1 className="text-4xl font-bold mb-2">{hook.title}</h1>
       <span className="inline-block bg-gray-200 dark:bg-slate-700 text-sm px-2 py-1 rounded mb-8">
         {hook.category}

apps/www/app/docs/@details/cli/page.tsx

@@ -60,7 +60,7 @@ function Step({
 
 export default function CliPage() {
   return (
-    <div className="pb-20 space-y-10 px-20 container mx-auto max-w-4xl">
+    <div className="pb-20 space-y-10 px-20 max-w-4xl">
       <div className="space-y-4">
         <h1 className="scroll-m-20 text-4xl font-bold tracking-tight">CLI</h1>
         <p className="text-xl text-muted-foreground">

apps/www/app/docs/@details/introduction/page.tsx

@@ -41,7 +41,7 @@ function Terminal({
 
 export default function IntroductionPage() {
   return (
-    <div className="pb-20 space-y-10 px-20 container mx-auto max-w-4xl">
+    <div className="pb-20 space-y-10 px-20 max-w-4xl">
       <div className="space-y-4">
         <h1 className="scroll-m-20 text-4xl font-bold tracking-tight">
           Introduction

apps/www/app/docs/@details/page.tsx

@@ -4,7 +4,7 @@ export default async function HooksPage() {
   const hooks = await getHooks();
 
   return (
-    <div className="pb-20 px-20">
+    <div className="pb-20 px-20 max-w-4xl">
       <h1 className="text-4xl font-bold mb-6">React Hooks Collection</h1>
       <p className="text-lg text-gray-600 mb-8">
         A comprehensive collection of {hooks.length} custom React hooks to