fix(ui) : keep technical labels English and compact badges

components/public/material-poster.tsx

@@ -194,7 +194,7 @@ export function MaterialPoster({
       />
 
       <div className="absolute inset-x-[4%] top-[5%]" style={{ fontFamily: "Kanit Poster", fontWeight: 800, fontStyle: "italic" }}>
-        <h2 className="text-[7cqw] leading-none" style={{ textShadow: "-6px 14px 0 rgba(0,0,0,0.59)" }}>{t("BASE STATS")}</h2>
+        <h2 className="text-[7cqw] leading-none" style={{ textShadow: "-6px 14px 0 rgba(0,0,0,0.59)" }}>BASE STATS</h2>
         <div className="mt-[4%] flex w-[53%] flex-col gap-[1.2cqw]">
           {Array.from({ length: 4 }, (_, index) => {
             const stat = stats[index];

components/public/site-header.tsx

@@ -1,4 +1,4 @@
-import { Text } from "@/components/i18n/text";
+import { exportText } from "@/lib/guides/export-text";
 import { LanguageDropdown } from "@/components/i18n/language-dropdown";
 import Image from "next/image";
 import Link from "next/link";
@@ -18,7 +18,7 @@ async function AdminEditLink({ editHref }: { editHref: string }) {
       nativeButton={false}
       render={<Link href={editHref} />}
     >
-      <Text message="ไปหน้าแก้ไข" /></Button>
+      Edit this page</Button>
   ) : null;
 }
 
@@ -31,7 +31,7 @@ export function SiteHeader({ editHref = "/admin", guideId }: { editHref?: string
           className="mr-auto flex min-h-11 items-center gap-3 rounded-lg font-heading font-semibold focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
         >
           <Image src="/icon.png" alt="" width={36} height={36} className="size-9 object-contain" />
-          <span className="hidden sm:inline"><Text message="ไกด์เกนชินไม่ใช่เกมมือถือ" /></span>
+          <span className="hidden sm:inline">{exportText("watermark")}</span>
         </Link>
         <LanguageDropdown />
         <nav aria-label="Public navigation" className="flex items-center gap-1">

components/public/team-search.tsx

@@ -197,7 +197,7 @@ function TeamExportImage({ team }: { team: Team }) {
                 <div className="flex items-center justify-between gap-4">
                   <span className="flex min-w-0 items-baseline gap-3 text-[36px] font-semibold">
                     <span className="truncate">{member.character.name}</span>
-                    <span className="shrink-0 text-[28px] text-[#f0c95f]">{t("C")}{" "}{member.constellation}{t("R")}{" "}{member.refinement}</span>
+                    <span className="shrink-0 text-[28px] text-[#f0c95f]">{`C${member.constellation}`}{`R${member.refinement}`}</span>
                   </span>
                   <span className="shrink-0 text-[36px]">{damage.toLocaleString(locale)}</span>
                 </div>
@@ -333,8 +333,8 @@ function TeamCard({
                 </div>
               </div>
               <div className="mt-2 flex items-center justify-center gap-1">
-                <Badge variant="secondary">{t("C")}{" "}{member.constellation}</Badge>
-                <Badge variant="secondary">{t("R")}{" "}{member.refinement}</Badge>
+                <Badge variant="secondary">{`C${member.constellation}`}</Badge>
+                <Badge variant="secondary">{`R${member.refinement}`}</Badge>
               </div>
               <p className="mt-1 truncate text-sm font-medium">
                 {member.character.name}