feat(ui) : improve guide navigation, signup, and commissions

components/admin/guide-section-nav.tsx

@@ -10,10 +10,10 @@ import { navigationIconPath } from "@/lib/navigation";
 import { cn } from "@/lib/utils";
 
 const sections = [
-  { slug: "weapon", label: "Weapons" },
-  { slug: "artifact", label: "Artifacts & Stats" },
-  { slug: "constellations", label: "Constellations" },
-  { slug: "team", label: "Team Calc" },
+  { slug: "weapon", label: "อาวุธ" },
+  { slug: "artifact", label: "อาร์ติแฟกต์และค่าสถานะ" },
+  { slug: "constellations", label: "กลุ่มดาว" },
+  { slug: "team", label: "คำนวณทีม" },
 ] as const;
 
 export function GuideSectionNav({
@@ -37,19 +37,21 @@ export function GuideSectionNav({
   return (
     <ScrollableNav
       ariaLabel="เมนูแก้ไข Guide"
+      activeKey={current}
       className="w-full rounded-xl border bg-card p-2"
     >
       <Link
         href={`/admin/${characterKey}`}
         prefetch={false}
         onClick={confirmNavigation}
+        aria-current={current === "overview" ? "page" : undefined}
         className={cn(
           "flex min-h-8 shrink-0 items-center gap-2 rounded-md px-3 text-sm outline-none focus-visible:ring-2 focus-visible:ring-ring",
           current === "overview" ? "bg-muted text-foreground" : "text-muted-foreground hover:bg-muted hover:text-foreground",
         )}
       >
         <Image src={navigationIconPath("overview")!} alt="" width={20} height={20} className="size-5 object-contain" />
-        Overview
+        ภาพรวม
       </Link>
       {sections.map((section) => {
         const iconPath = navigationIconPath(section.slug);
@@ -59,6 +61,7 @@ export function GuideSectionNav({
             href={`/admin/${characterKey}/${section.slug}`}
             prefetch={false}
             onClick={confirmNavigation}
+            aria-current={current === section.slug ? "page" : undefined}
             className={cn(
               "flex min-h-8 shrink-0 items-center gap-2 rounded-md px-3 text-sm outline-none focus-visible:ring-2 focus-visible:ring-ring",
               current === section.slug ? "bg-muted text-foreground" : "text-muted-foreground hover:bg-muted hover:text-foreground",
@@ -75,6 +78,7 @@ export function GuideSectionNav({
           href={`/admin/${characterKey}/${extra.slug}`}
           prefetch={false}
           onClick={confirmNavigation}
+          aria-current={current === extra.slug ? "page" : undefined}
           className={cn(
             "flex min-h-8 shrink-0 items-center gap-2 rounded-md px-3 text-sm outline-none focus-visible:ring-2 focus-visible:ring-ring",
             current === extra.slug ? "bg-muted text-foreground" : "text-muted-foreground hover:bg-muted hover:text-foreground",