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

components/stygian/stygian-boss-display.tsx

@@ -117,10 +117,12 @@ export function StygianBossCard({
   boss,
   level,
   children,
+  mechanicsId,
 }: {
   boss: StygianBossDisplay;
   level: 105 | 110;
   children: ReactNode;
+  mechanicsId?: string;
 }) {
   return (
     <Card>
@@ -128,14 +130,14 @@ export function StygianBossCard({
         <header className="text-center">
           <h2 className="font-heading text-lg font-semibold">{boss.name}</h2>
           <p className="mt-1 text-sm text-muted-foreground">
-            Level {level} - HP {Math.round(boss.hp).toLocaleString("en-US")}
+            เลเวล {level} · HP {Math.round(boss.hp).toLocaleString("en-US")}
           </p>
         </header>
         <div className="flex min-w-0 flex-col gap-5">
           {children}
-          <Accordion>
+          <Accordion id={mechanicsId} defaultValue={mechanicsId ? ["overview"] : undefined} className="scroll-mt-6">
             <AccordionItem value="overview">
-              <AccordionTrigger>Boss overview</AccordionTrigger>
+              <AccordionTrigger>ข้อมูลและกลไกของบอส</AccordionTrigger>
               <AccordionContent className="whitespace-pre-line text-muted-foreground">
                 <LunarisText
                   nodes={parseLunarisText(boss.description)}