feat : make export image be english text ig

components/public/material-poster.tsx

@@ -10,6 +10,7 @@ import type {
 } from "@/lib/catalog/lunaris";
 import { mergePosterMaterials, type PosterMaterial } from "@/lib/material-poster";
 import { accentGradient } from "@/lib/overview-image";
+import { exportText, type Locale } from "@/lib/guides/export-text";
 import { cn } from "@/lib/utils";
 
 export type PosterBlendMode = "normal" | "multiply" | "screen" | "overlay" | "darken" | "lighten" | "color-dodge" | "color-burn" | "hard-light" | "soft-light" | "difference" | "exclusion" | "hue" | "saturation" | "color" | "luminosity";
@@ -65,7 +66,9 @@ export function MaterialPoster({
   onArtworkMove,
   className,
   bleeding = [],
+  locale = "en",
 }: {
+  locale?: Locale;
   character: PosterCharacter;
   characterArtUrl: string | null;
   artworkOffsetX: number;
@@ -216,8 +219,8 @@ export function MaterialPoster({
       </div>
 
       <div className="absolute inset-x-[4%] top-[49%]" 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)" }}>MATERIALS</h2>
-        <p className="mt-[1%] text-[4.5cqw] leading-none">LV.90</p>
+        <h2 className="text-[7cqw] leading-none" style={{ textShadow: "-6px 14px 0 rgba(0,0,0,0.59)" }}>{exportText("materials", {}, locale)}</h2>
+        <p className="mt-[1%] text-[4.5cqw] leading-none">{exportText("materialLevel", { level: 90 }, locale)}</p>
         <div className="mt-[5%] grid grid-cols-8 gap-[1.2%]">
           {materials.map((material, index) => {
             const materialCard = (