fix

src/app/components/registration/registration.component.html

@@ -26,6 +26,9 @@
     <!-- Profile Image Upload -->
     <div class="image-upload">
       <app-image-input [src]="this.previewUrl" formControlName="profileImage"></app-image-input>
+      @if (form.get('profileImage')?.touched && form.get('profileImage')?.hasError('required')) {
+        <mat-error>Image is required</mat-error>
+      }
     </div>
 
     <!-- Full Name -->
@@ -43,6 +46,9 @@
       <input matInput formControlName="email" />
       @if (form.get('email')?.hasError('email')) {
         <mat-error>Invalid email</mat-error>
+      } 
+      @if (form.get('email')?.hasError('required')) {
+        <mat-error>Email is required</mat-error>
       }
     </mat-form-field>
 
@@ -105,7 +111,7 @@
     </mat-form-field>
 
     <!-- Submit Button -->
-    <button mat-raised-button color="accent" type="submit">
+    <button mat-raised-button color="accent" type="submit" >
       {{ editMode() ? 'Update Application' : 'Submit Application' }}
     </button>