(F) Edit error messages font weight

Clinics.Frontend/src/app/components/authentication/login-form/login-form.component.css

@@ -47,4 +47,8 @@
     border-color: var(--accent-color);
     color: var(--accent-color);
     background-color: white;
+}
+
+.custom-errors {
+    font-weight: 700;
 }
\ No newline at end of file

Clinics.Frontend/src/app/components/authentication/login-form/login-form.component.html

@@ -23,7 +23,7 @@
                     dir="ltr" [(ngModel)]="formModel.userName" name="userName" #userName="ngModel" required
                     maxlength="50">
 
-                <div *ngIf="(userName.touched || userName.dirty) && userName.errors" class="mt-2">
+                <div *ngIf="(userName.touched || userName.dirty) && userName.errors" class="mt-2 custom-errors">
                     <span class="text-danger">
                         {{
                         userName.errors['required'] ? 'هذا الحقل مطلوب'
@@ -40,7 +40,7 @@
                     dir="ltr" [(ngModel)]="formModel.password" name="password" #password="ngModel" required
                     maxlength="50">
 
-                <div *ngIf="(password.touched || password.dirty) && password.errors" class="mt-2">
+                <div *ngIf="(password.touched || password.dirty) && password.errors" class="mt-2 custom-errors">
                     <span class="text-danger">
                         {{
                         password.errors['required'] ? 'هذا الحقل مطلوب'

Clinics.Frontend/src/app/components/receptionist/employee-serial-number-pop-up/employee-serial-number-pop-up.component.css

@@ -47,4 +47,8 @@
     border-color: var(--accent-color);
     color: var(--accent-color);
     background-color: white;
+}
+
+.custom-errors {
+    font-weight: 700;
 }
\ No newline at end of file

Clinics.Frontend/src/app/components/receptionist/employee-serial-number-pop-up/employee-serial-number-pop-up.component.html

@@ -23,7 +23,7 @@
                     dir="ltr" [(ngModel)]="formModel.serialNumber" name="serialNumber" #serialNumber="ngModel" required
                     maxlength="50">
 
-                <div *ngIf="(serialNumber.touched || serialNumber.dirty) && serialNumber.errors" class="mt-2">
+                <div *ngIf="(serialNumber.touched || serialNumber.dirty) && serialNumber.errors" class="mt-2 custom-errors">
                     <span class="text-danger">
                         {{
                         serialNumber.errors['required'] ? 'هذا الحقل مطلوب'