feat: add guide section header notes

components/public/structured-guide.tsx

@@ -212,11 +212,13 @@ function metric(value: string | null) {
 }
 
 function WeaponSection({ guide }: { guide: PublicGuide }) {
+  const note = guide.sections.find((section) => section.slug === "weapon")?.note;
   return (
     <section className="flex flex-col gap-6">
       <header className="flex flex-col items-center gap-3 text-center">
         <p className="text-sm font-medium text-primary">อาวุธที่แนะนำ</p>
         <h1 className="whitespace-nowrap font-heading text-4xl font-semibold">อาวุธ</h1>
+        {note ? <p className="max-w-3xl whitespace-pre-wrap text-muted-foreground">{note}</p> : null}
         <a
           href={`/api/guides/${guide.id}/weapons/image`}
           download
@@ -508,11 +510,13 @@ function ArtifactStat({ iconSrc, label, values }: { iconSrc: string; label: stri
 }
 
 function ConstellationSection({ guide }: { guide: PublicGuide }) {
+  const note = guide.sections.find((section) => section.slug === "constellations")?.note;
   return (
     <section className="flex flex-col gap-6">
-      <header className="text-center">
+      <header className="flex flex-col items-center gap-3 text-center">
         <p className="text-sm font-medium text-primary">กลุ่มดาว</p>
         <h1 className="font-heading text-4xl font-semibold">กลุ่มดาว</h1>
+        {note ? <p className="max-w-3xl whitespace-pre-wrap text-muted-foreground">{note}</p> : null}
       </header>
       <div className="grid gap-4 md:grid-cols-2">
         {guide.constellations.map((row) => (