feat: improve handleCameraError() and camera call logic (#2809)

add i18n for face recognition

web/src/locales/es/data.json

@@ -181,6 +181,7 @@
     "Adapter - Tooltip": "Nombre de la tabla de la tienda de políticas",
     "Adapters": "Adaptadores",
     "Add": "Añadir",
+    "Add Face Id": "Add Face Id",
     "Add custom item": "Add custom item",
     "Admin": "Admin",
     "Affiliation URL": "URL de afiliación",
@@ -234,6 +235,7 @@
     "Enabled": "Enabled",
     "Enabled successfully": "Enabled successfully",
     "Enforcers": "Enforcers",
+    "FaceIdData": "FaceIdData",
     "Failed to add": "No se pudo agregar",
     "Failed to connect to server": "No se pudo conectar al servidor",
     "Failed to delete": "No se pudo eliminar",
@@ -460,6 +462,9 @@
     "Continue with": "Continúe con",
     "Email": "Email",
     "Email or phone": "Correo electrónico o teléfono",
+    "Face ID": "Face ID",
+    "Face Recognition": "Face Recognition",
+    "Face recognition failed": "Face recognition failed",
     "Failed to obtain MetaMask authorization": "Failed to obtain MetaMask authorization",
     "Failed to obtain Web3-Onboard authorization": "Failed to obtain Web3-Onboard authorization",
     "Forgot password?": "¿Olvidaste tu contraseña?",
@@ -469,9 +474,12 @@
     "Logging out...": "Cerrando sesión...",
     "Login button": "Login button",
     "MetaMask plugin not detected": "MetaMask plugin not detected",
+    "Model loading failure": "Model loading failure",
     "No account?": "¿No tienes cuenta?",
     "Or sign in with another account": "O inicia sesión con otra cuenta",
     "Phone": "Phone",
+    "Please ensure sufficient lighting and align your face in the center of the recognition box": "Please ensure sufficient lighting and align your face in the center of the recognition box",
+    "Please ensure that you have a camera device for facial recognition": "Please ensure that you have a camera device for facial recognition",
     "Please input your Email or Phone!": "¡Por favor introduzca su correo electrónico o teléfono!",
     "Please input your Email!": "Please input your Email!",
     "Please input your LDAP username!": "Please input your LDAP username!",
@@ -479,6 +487,8 @@
     "Please input your code!": "¡Por favor ingrese su código!",
     "Please input your organization name!": "Please input your organization name!",
     "Please input your password!": "¡Ingrese su contraseña, por favor!",
+    "Please load the webpage using HTTPS, otherwise the camera cannot be accessed": "Please load the webpage using HTTPS, otherwise the camera cannot be accessed",
+    "Please provide permission to access the camera": "Please provide permission to access the camera",
     "Please select an organization": "Please select an organization",
     "Please select an organization to sign in": "Please select an organization to sign in",
     "Please type an organization to sign in": "Please type an organization to sign in",
@@ -488,6 +498,7 @@
     "Sign in with {type}": "Inicia sesión con {tipo}",
     "Signing in...": "Iniciando sesión...",
     "Successfully logged in with WebAuthn credentials": "Inició sesión correctamente con las credenciales de WebAuthn",
+    "The camera is currently in use by another webpage": "The camera is currently in use by another webpage",
     "The input is not valid Email or phone number!": "¡La entrada no es un correo electrónico o número de teléfono válido!",
     "The input is not valid Email!": "The input is not valid Email!",
     "The input is not valid phone number!": "The input is not valid phone number!",
@@ -1069,6 +1080,8 @@
     "Email cannot be empty": "El correo electrónico no puede estar vacío",
     "Email/phone reset successfully": "Restablecimiento de correo electrónico/teléfono exitoso",
     "Empty input!": "¡Entrada vacía!",
+    "Face ID": "Face ID",
+    "Face ids": "Face ids",
     "Gender": "Gender",
     "Gender - Tooltip": "Gender - Tooltip",
     "Homepage": "Página de inicio del usuario",