fix: validation states, responsive ui, ui states

public/locales/en/completionForm.json

@@ -4,7 +4,7 @@
     "description": "Enter your business information",
     "name": "Name",
     "familyName": "Family Name",
-    "gender": "Gender(Optional)",
+    "gender": "Gender",
     "optionalNationalCode": "National Code(Optional)",
     "determinePassword": "Determine Password",
     "password": "Password",
@@ -19,7 +19,7 @@
     "woman": "female",
     "hasNumber": "includes number",
     "hasMinLength": "at least 8 characters",
-    "hasUpperAndLower": "includes a lowercase and uppercase letter",
+    "hasUpperAndLower": "includes a lowercase and uppercase English letter",
     "hasSpecialChar": "includes sign (!@#$%^&*)",
     "notCompatibility": "does not match",
     "emailCorrectForm": "Enter the correct email form.",
@@ -28,6 +28,7 @@
     "agreementPart2": ".",
     "sent": "sent",
     "country": "country",
+    "noOption": "No option",
     "dateOfBirth": "Date of birth(optional)",
     "submitSuccess": "Information successfully registered",
     "submitError": "Error in registering information",
@@ -46,6 +47,8 @@
     "confirmPasswordRequired": "Please confirm your password.",
     "passwordsDoNotMatch": "Passwords do not match.",
     "verificationCodeRequired": "Verification code is required.",
-    "mustVerifyCode": "Please click the verify button to confirm the code."
+    "mustVerifyCode": "Please click the verify button to confirm the code.",
+    "genderRequired": "Selecting a gender is required.",
+    "verificationCodeInvalid": "Verification code must be 4 digits."
   }
 }