i18n miscellaneous fixes (#21614)

* fix: fix face library unknown label i18n wrong

* fix: fix review genai threat level i18n

* fix: fix preview unknown label i18n

* fix: fix AM/PM i18n display issue

web/src/components/card/ClassificationCard.tsx

@@ -164,7 +164,7 @@ export const ClassificationCard = forwardRef<
           )}
         >
           <div className="break-all smart-capitalize">
-            {data.name == "unknown"
+            {data.name.toLowerCase() == "unknown"
               ? t("details.unknown")
               : data.name.toLowerCase() == "none"
                 ? t("details.none")
@@ -336,7 +336,7 @@ export function GroupedClassificationCard({
                 <ContentTitle className="flex items-center gap-2 font-normal capitalize">
                   {classifiedEvent?.label && classifiedEvent.label !== "none"
                     ? classifiedEvent.label
-                    : t(noClassificationLabel)}
+                    : t(noClassificationLabel, { ns: i18nLibrary })}
                   {classifiedEvent?.label &&
                     classifiedEvent.label !== "none" &&
                     classifiedEvent.score !== undefined && (

web/src/components/overlay/chip/GenAISummaryChip.tsx

@@ -57,7 +57,7 @@ export function GenAISummaryDialog({
       !aiAnalysis ||
       (!aiAnalysis.potential_threat_level && !aiAnalysis.other_concerns)
     ) {
-      return "None";
+      return t("label.none", { ns: "common" });
     }
 
     let concerns = "";
@@ -74,7 +74,9 @@ export function GenAISummaryDialog({
           label = t("securityConcern", { ns: "views/events" });
           break;
         default:
-          label = THREAT_LEVEL_LABELS[threatLevel as ThreatLevel] || "Unknown";
+          label =
+            THREAT_LEVEL_LABELS[threatLevel as ThreatLevel] ||
+            t("details.unknown", { ns: "views/classificationModel" });
       }
       concerns = `• ${label}\n`;
     }
@@ -83,7 +85,7 @@ export function GenAISummaryDialog({
       concerns += `• ${c}\n`;
     });
 
-    return concerns || "None";
+    return concerns || t("label.none", { ns: "common" });
   }, [aiAnalysis, t]);
 
   // layout

web/src/components/player/PreviewThumbnailPlayer.tsx

@@ -342,7 +342,9 @@ export default function PreviewThumbnailPlayer({
                     default:
                       return (
                         THREAT_LEVEL_LABELS[threatLevel as ThreatLevel] ||
-                        "Unknown"
+                        t("details.unknown", {
+                          ns: "views/classificationModel",
+                        })
                       );
                   }
                 })()}

web/src/utils/dateUtil.ts

@@ -165,7 +165,7 @@ export const formatUnixTimestampToDateTime = (
       // Uppercase AM/PM for 12-hour formats
       if (date_format.includes("a") || date_format.includes("aaa")) {
         formatted = formatted.replace(/am|pm/gi, (match) =>
-          match.toUpperCase(),
+          i18n.t(`time.${match.toLowerCase()}`, { ns: "common" }).toUpperCase(),
         );
       }
       return formatted;
@@ -217,7 +217,7 @@ export const formatUnixTimestampToDateTime = (
       // Uppercase AM/PM in fallback
       if (options.hour12) {
         fallbackFormatted = fallbackFormatted.replace(/am|pm/gi, (match) =>
-          match.toUpperCase(),
+          i18n.t(`time.${match.toLowerCase()}`, { ns: "common" }).toUpperCase(),
         );
       }
       return fallbackFormatted;