WEB-748: Improve email validation and fix translation namespace consistency

- Add required attribute to email input
- Strengthen email regex validation
- Align translation namespace with errors.* structure

WEB-748: Improve email validation and translation namespace consistency

- Add required attribute to email input
- Strengthen email validation
- Align translation namespace with errors.* structure

email changed to optional#

Author: Parth Sharma

src/app/clients/client-stepper/client-general-step/client-general-step.component.html

@@ -229,10 +229,21 @@
 
     <mat-form-field class="flex-48">
       <mat-label>{{ 'labels.inputs.Email Address' | translate }}</mat-label>
-      <input matInput formControlName="emailAddress" />
-      @if (createClientForm.controls.emailAddress.errors?.email) {
+      <input matInput formControlName="emailAddress" required />
+      @if (createClientForm.controls.emailAddress.hasError('required')) {
         <mat-error>
-          {{ 'error.Email not valid' | translate }}
+          {{ 'labels.inputs.Email Address' | translate }}
+          {{ 'labels.commons.is' | translate }}
+          <strong>{{ 'labels.commons.required' | translate }}</strong>
+        </mat-error>
+      }
+
+      @if (
+        createClientForm.controls.emailAddress.hasError('pattern') &&
+        !createClientForm.controls.emailAddress.hasError('required')
+      ) {
+        <mat-error>
+          {{ 'errors.Email not valid' | translate }}
         </mat-error>
       }
     </mat-form-field>

src/app/clients/client-stepper/client-general-step/client-general-step.component.ts

@@ -133,7 +133,9 @@ export class ClientGeneralStepComponent implements OnInit, OnDestroy {
       mobileNo: [''],
       emailAddress: [
         '',
-        Validators.email
+        [
+          Validators.pattern('^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$')
+        ]
       ],
       dateOfBirth: [''],
       clientTypeId: [''],