feat(users): adds in client password matching validation

app/templates/users/register.html

@@ -87,7 +87,7 @@
           required
           type="password" 
         >
-        {{ form_field_validation(FORM_ERRORS['REQUIRED'] + " " + FORM_ERRORS['PASSWORD_LENGTH']) }}
+        {{ form_field_validation(FORM_ERRORS['REQUIRED'] + " " + FORM_ERRORS['PASSWORD_LENGTH'] + " " + FORM_ERRORS['MUST_MATCH_PASSWORD']) }}
       </div>
       <div class="col-12">
         <label class="form-label" for="address">Address</label>
@@ -118,6 +118,13 @@
       form.classList.add('was-validated')
     }, false)
   })
+
+  const password = document.getElementById("password")
+  const password_validation = document.getElementById("password-confirmation")
+  password.addEventListener('change', (c) => {
+    password_validation.setAttribute("pattern", c.target.value)
+  })
+ 
 })()
 </script>
 {% endblock %}

app/utils/form_errors_dict.py

@@ -1,6 +1,7 @@
 FORM_ERRORS = {
   'REQUIRED': "This field is required.",
   'PASSWORD_LENGTH': 'It must be at least 6 characters long.',
+  'MUST_MATCH_PASSWORD': 'It must match the given password.',
   'VALID_EMAIL': 'Enter a valid email address.',
   'PHONE_NUMBER_FORMAT': 'It can be prefixed with the "+" sign and may only contain numbers after it.',
   'NAME_FORMAT': 'It must be at least 2 characters long, it may only contain letters.'