feat : use same size as admin for nav bar

app/admin/[character]/page.tsx

@@ -39,24 +39,26 @@ export default async function GuideOverviewPage({ params }: { params: Promise<{
     <div className="min-h-svh">
       <AdminHeader />
       <main className="mx-auto flex w-full max-w-7xl flex-col gap-8 px-4 pb-4 sm:px-6 sm:pb-6 lg:px-8 lg:pb-8">
-        <header className="flex flex-wrap items-center gap-4">
-          <Button variant="ghost" size="icon" render={<Link href="/admin" />} nativeButton={false} aria-label="กลับ Dashboard">
-            <ArrowLeftIcon />
-          </Button>
-          <div className="relative size-16 overflow-hidden rounded-lg border">
-            <Image src={guide.coverUrl} alt={guide.name} fill sizes="64px" className="object-cover" />
-          </div>
-          <div className="min-w-0 flex-1">
-            <p className="text-sm text-muted-foreground">เลือกส่วนที่ต้องการแก้ไข</p>
-            <h1 className="font-heading text-3xl font-semibold">{guide.name}</h1>
-            <EditorPresence guideId={guide.id} section="Overview" />
-          </div>
-          <GuideVisibilityControl guideId={guide.id} guideName={guide.name} isPublic={guide.isPublic} version={guide.version} />
-          <Button variant="outline" render={<Link href={`/admin/${guide.characterKey}/preview`} target="_blank" />} nativeButton={false}>
-            Preview
-          </Button>
-        </header>
-        <GuideSectionNav guideId={guide.id} characterKey={guide.characterKey} current="overview" extras={extras} />
+        <div className="flex flex-col">
+          <header className="flex flex-wrap items-center gap-4">
+            <Button variant="ghost" size="icon" render={<Link href="/admin" />} nativeButton={false} aria-label="กลับ Dashboard">
+              <ArrowLeftIcon />
+            </Button>
+            <div className="relative size-16 overflow-hidden rounded-lg border">
+              <Image src={guide.coverUrl} alt={guide.name} fill sizes="64px" className="object-cover" />
+            </div>
+            <div className="min-w-0 flex-1">
+              <p className="text-sm text-muted-foreground">เลือกส่วนที่ต้องการแก้ไข</p>
+              <h1 className="font-heading text-3xl font-semibold">{guide.name}</h1>
+              <EditorPresence guideId={guide.id} section="Overview" />
+            </div>
+            <GuideVisibilityControl guideId={guide.id} guideName={guide.name} isPublic={guide.isPublic} version={guide.version} />
+            <Button variant="outline" render={<Link href={`/admin/${guide.characterKey}/preview`} target="_blank" />} nativeButton={false}>
+              Preview
+            </Button>
+          </header>
+          <GuideSectionNav guideId={guide.id} characterKey={guide.characterKey} current="overview" extras={extras} />
+        </div>
         <GuideOverviewForm key={guide.version} guide={guide} />
         <div className="grid gap-4 md:grid-cols-2">
           {sections.map(({ slug, title, description }) => (