fix(web): enhance face tagging confirmation and fix #18605 (#18610)

* Fix: enhance face tagging confirmation and fix double label in checkboxes

* fix code formatting

---------

Co-authored-by: dvbthien <dvbthien@gmail.com>

web/src/lib/components/asset-viewer/face-editor/face-editor.svelte

@@ -279,12 +279,17 @@
       const data = getFaceCroppedCoordinates();
       if (!data) {
         notificationController.show({
-          message: 'Error tagging face - cannot get bounding box coordinates',
+          message: $t('error_tag_face_bounding_box'),
         });
         return;
       }
 
-      const isConfirmed = await modalManager.showDialog({ prompt: `Do you want to tag this face as ${person.name}?` });
+      const isConfirmed = await modalManager.showDialog({
+        prompt: person.name
+          ? $t('confirm_tag_face', { values: { name: person.name } })
+          : $t('confirm_tag_face_unnamed'),
+      });
+
       if (!isConfirmed) {
         return;
       }

web/src/lib/components/shared-components/settings/setting-checkboxes.svelte

@@ -60,9 +60,7 @@
           {disabled}
           onCheckedChange={() => handleCheckboxChange(option.value)}
         />
-        <Label label={option.text} for="{option.value}-checkbox">
-          {option.text}
-        </Label>
+        <Label label={option.text} for="{option.value}-checkbox" />
       </div>
     {/each}
   </div>