feat : keep full quatily for overview and material img and hide codtion 1 when no codition

components/public/material-poster.tsx

@@ -148,7 +148,6 @@ export function MaterialPoster({
             src={characterArtUrl}
             alt={character.name}
             fill
-            unoptimized
             sizes={`${artworkImageSize}px`}
             quality={POSTER_IMAGE_QUALITY}
             className="object-contain object-center"
@@ -160,7 +159,6 @@ export function MaterialPoster({
               src={characterArtUrl}
               alt=""
               fill
-              unoptimized
               sizes={`${artworkImageSize}px`}
               quality={POSTER_IMAGE_QUALITY}
               className="object-contain object-center"

components/public/structured-guide.tsx

@@ -217,6 +217,7 @@ function GuideOverview({
             alt={`ไกด์ ${guide.name}`}
             fill
             sizes="(min-width: 1280px) 600px, (min-width: 1024px) calc(50vw - 44px), calc(100vw - 32px)"
+            quality={100}
             priority
             className="object-cover"
           />

components/public/weapon-image-export.tsx

@@ -32,7 +32,7 @@ function formattedPercent(value: string | null): string {
   return `${numeric.toLocaleString("en-US", { maximumFractionDigits: 2 })}%`;
 }
 
-function WeaponComparisonImage({
+export function WeaponComparisonImage({
   guide,
   group,
   metric,
@@ -60,7 +60,9 @@ function WeaponComparisonImage({
             <ExportText th="ดาเมจส่วนตัว" en="Personal Damage" />
           )}
         </p>
-        <p className="mt-2 text-2xl font-semibold">{conditionLabel}</p>
+        {conditionLabel ? (
+          <p className="mt-2 text-2xl font-semibold">{conditionLabel}</p>
+        ) : null}
       </header>
 
       <div className="relative z-10 mt-9 flex flex-col gap-3">
@@ -121,8 +123,8 @@ export function WeaponImageExport({
   conditionIndex: number;
 }) {
   const [language, setLanguage] = useExportLanguage();
-  const conditionLabel = group.name || `Condition ${conditionIndex + 1}`;
-  const baseName = `${guide.name}-Weapon-${conditionLabel}`;
+  const conditionLabel = group.name;
+  const baseName = `${guide.name}-Weapon-${conditionLabel || `Condition ${conditionIndex + 1}`}`;
   const metricOptions = ([
     ["overallPercent", "Overall Damage"],
     ["personalPercent", "Personal Damage"],
@@ -159,12 +161,7 @@ export function WeaponImageExport({
                 guide={guide}
                 group={group}
                 metric={metric}
-                conditionLabel={group.name ? conditionLabel : (
-                  <ExportText
-                    th={`เงื่อนไข ${conditionIndex + 1}`}
-                    en={`Condition ${conditionIndex + 1}`}
-                  />
-                )}
+                conditionLabel={conditionLabel}
               />
             </GuideImageExport>
           ))}