fix: fix classification missing i18n (#21179)

web/public/locales/en/views/classificationModel.json

@@ -83,6 +83,7 @@
     "aria": "Select Recent Classifications"
   },
   "categories": "Classes",
+  "none": "None",
   "createCategory": {
     "new": "Create New Class"
   },

web/src/components/overlay/ClassificationSelectionDialog.tsx

@@ -131,7 +131,9 @@ export default function ClassificationSelectionDialog({
                   className="flex cursor-pointer gap-2 smart-capitalize"
                   onClick={() => onCategorizeImage(category)}
                 >
-                  {category.replaceAll("_", " ")}
+                  {category === "none"
+                    ? t("none")
+                    : category.replaceAll("_", " ")}
                 </SelectorItem>
               ))}
               <Separator />

web/src/components/overlay/dialog/TrainFilterDialog.tsx

@@ -180,7 +180,9 @@ export function ClassFilterContent({
               {allClasses.map((item) => (
                 <FilterSwitch
                   key={item}
-                  label={item.replaceAll("_", " ")}
+                  label={
+                    item === "none" ? t("none") : item.replaceAll("_", " ")
+                  }
                   isChecked={classes?.includes(item) ?? false}
                   onCheckedChange={(isChecked) => {
                     if (isChecked) {

web/src/pages/FaceLibrary.tsx

@@ -371,7 +371,12 @@ export default function FaceLibrary() {
         {selectedFaces?.length > 0 ? (
           <div className="flex items-center justify-center gap-2">
             <div className="mx-1 flex w-48 items-center justify-center text-sm text-muted-foreground">
-              <div className="p-1">{`${selectedFaces.length} selected`}</div>
+              <div className="p-1">
+                {t("selected", {
+                  ns: "views/event",
+                  count: selectedFaces.length,
+                })}
+              </div>
               <div className="p-1">{"|"}</div>
               <div
                 className="cursor-pointer p-2 text-primary hover:rounded-lg hover:bg-secondary"

web/src/views/classification/ModelTrainingView.tsx

@@ -422,7 +422,12 @@ export default function ModelTrainingView({ model }: ModelTrainingViewProps) {
             )}
           >
             <div className="flex w-48 items-center justify-center text-sm text-muted-foreground">
-              <div className="p-1">{`${selectedImages.length} selected`}</div>
+              <div className="p-1">
+                {t("selected", {
+                  ns: "views/event",
+                  count: selectedImages.length,
+                })}
+              </div>
               <div className="p-1">{"|"}</div>
               <div
                 className="cursor-pointer p-2 text-primary hover:rounded-lg hover:bg-secondary"
@@ -682,7 +687,7 @@ function LibrarySelector({
                 className="flex-grow cursor-pointer capitalize"
                 onClick={() => setPageToggle(id)}
               >
-                {id.replaceAll("_", " ")}
+                {id === "none" ? t("none") : id.replaceAll("_", " ")}
                 <span className="ml-2 text-muted-foreground">
                   ({dataset?.[id].length})
                 </span>