fix

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

@@ -1,33 +1,33 @@
-
-
 <div class="container">
-   <div class="registration-header">
-    @if(editMode()){
-  <button mat-button type="button" (click)="cancelEdit()" class="button">
-    Cancel Editing
-  </button>
-    }@else {
+  <div class="registration-header">
+
+    <!-- Header buttons -->
+    @if(editMode()) {
+      <button mat-button type="button" (click)="cancelEdit()" class="button">
+        Cancel Editing
+      </button>
+    } @else {
       <button mat-button type="button" routerLink="/landing" class="button">
         Go Back
       </button>
     }
-      @if(editMode()){
-           <h2>Spaceflight Candidate Registration Update</h2>
-      }
-      @else {
-   <h2>Spaceflight Candidate Registration</h2>
-      }
-    </div>
- 
+
+    <!-- Header title -->
+    @if(editMode()) {
+      <h2>Spaceflight Candidate Registration Update</h2>
+    } @else {
+      <h2>Spaceflight Candidate Registration</h2>
+    }
+
+  </div>
+
   <form class="registration-form" [formGroup]="form" (ngSubmit)="onSubmit()">
 
     <!-- Profile Image Upload -->
-   
-      <div class="image-upload">
-        <app-image-input [src]="this.previewUrl" formControlName="profileImage"></app-image-input>
-      </div>
-    
-    
+    <div class="image-upload">
+      <app-image-input [src]="this.previewUrl" formControlName="profileImage"></app-image-input>
+    </div>
+
     <!-- Full Name -->
     <mat-form-field appearance="outline">
       <mat-label>Full Name</mat-label>
@@ -68,21 +68,21 @@
     </mat-form-field>
 
     <!-- City -->
-
-    <app-leaflet-map
-    formControlName="cityOrRegion"
-    class="app-leaflet-map">
-    </app-leaflet-map>
+    <app-leaflet-map formControlName="cityOrRegion" class="app-leaflet-map"></app-leaflet-map>
 
     @if (form.get('cityOrRegion')?.invalid && (form.get('cityOrRegion')?.touched || form.get('cityOrRegion')?.dirty)) {
-    @if (form.get('cityOrRegion')?.hasError('required')) {
-    <mat-error style="margin-bottom: 8px; padding: 0 16px;">City selection is required</mat-error>
+      @if (form.get('cityOrRegion')?.hasError('required')) {
+        <mat-error style="margin-bottom: 8px; padding: 0 16px;">
+          City selection is required
+        </mat-error>
+      }
+      @if (form.get('cityOrRegion')?.hasError('invalidCity')) {
+        <mat-error style="margin-bottom: 8px; padding: 0 16px;">
+          Please select a valid city from the list
+        </mat-error>
+      }
     }
-    @if (form.get('cityOrRegion')?.hasError('invalidCity')) {
-    <mat-error style="margin-bottom: 8px; padding: 0 16px;">Please select a valid city from the list</mat-error>
-    }
-}
-    
+
     <!-- Hobbies -->
     <mat-form-field appearance="outline">
       <mat-label>Hobbies</mat-label>
@@ -104,12 +104,14 @@
       }
     </mat-form-field>
 
-    <!-- Submit -->
-   <button mat-raised-button color="accent" type="submit">
-  {{ editMode() ? 'Update Application' : 'Submit Application' }}
-  </button>
+    <!-- Submit Button -->
+    <button mat-raised-button color="accent" type="submit">
+      {{ editMode() ? 'Update Application' : 'Submit Application' }}
+    </button>
+
   </form>
 
+  <!-- Footer -->
   <div class="footer">
     🚀 Powered by <a href="#">Israeli Imaginary Space Agency</a> | © 2025
   </div>