Face setup wizard (#17203)

* Fix login page

* Increase face image size and add time ago

* Add component for indicating steps in a wizard

* Split out form inputs from dialog

* Add wizard for adding new face to library

* Simplify dialog

* Translations

* Fix scaling bug

* Fix key missing

* Improve multi select

* Adjust wording and spacing

* Add tip for face training

* Fix padding

* Remove text for buttons on mobile

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

@@ -1,4 +1,7 @@
 {
+  "description": {
+    "addFace": "Walk through adding a new face to the Face Library."
+  },
   "documentTitle": "Face Library - Frigate",
   "uploadFaceImage": {
     "title": "Upload Face Image",
@@ -6,7 +9,8 @@
   },
   "createFaceLibrary": {
     "title": "Create Face Library",
-    "desc": "Create a new face library"
+    "desc": "Create a new face library",
+    "nextSteps": "It is recommended to use the Train tab to select and train images for each person as they are detected. When building a strong foundation it is strongly recommended to only train on images that are straight-on. Ignore images from cameras that recognize faces from an angle."
   },
   "train": {
     "title": "Train",
@@ -19,12 +23,13 @@
     "uploadImage": "Upload Image",
     "reprocessFace": "Reprocess Face"
   },
+  "readTheDocs": "Read the documentation to view more details on refining images for the Face Library",
   "trainFaceAs": "Train Face as:",
   "trainFaceAsPerson": "Train Face as Person",
   "toast": {
     "success": {
       "uploadedImage": "Successfully uploaded image.",
-      "addFaceLibrary": "Successfully add face library.",
+      "addFaceLibrary": "{{name}} has successfully been added to the Face Library!",
       "deletedFace": "Successfully deleted face.",
       "trainedFace": "Successfully trained face.",
       "updatedFaceScore": "Successfully updated face score."