style: format HTML and TypeScript files for consistency

frontend/src/app/feature/auth/login/login.component.html

@@ -84,16 +84,16 @@
     </form>
 
     <div class="mt-6 text-center">
-    <p class="text-sm text-text-secondary">
+      <p class="text-sm text-text-secondary">
-      Passwort vergessen?
+        Passwort vergessen?
-      <button
+        <button
-        (click)="switchToForgotPassword()"
+          (click)="switchToForgotPassword()"
-        class="font-medium text-emerald hover:text-emerald-light transition-all duration-200"
+          class="font-medium text-emerald hover:text-emerald-light transition-all duration-200"
-      >
+        >
-        Passwort zurücksetzen
+          Passwort zurücksetzen
-      </button>
+        </button>
-    </p>
+      </p>
-  </div>
+    </div>
 
     <div class="mt-6 text-center">
       <p class="text-sm text-text-secondary">

frontend/src/app/feature/auth/recover-password/recover-password.component.html

@@ -22,7 +22,11 @@
     </button>
 
     <h2 class="modal-heading text-center">
-      @if (isResetMode()) {Passwort zurücksetzen} @else {Passwort vergessen}
+      @if (isResetMode()) {
+        Passwort zurücksetzen
+      } @else {
+        Passwort vergessen
+      }
     </h2>
 
     @if (errorMessage()) {
@@ -42,10 +46,11 @@
       <form [formGroup]="emailForm" (ngSubmit)="onSubmitEmail()" class="space-y-4">
         <div class="mb-6">
           <p class="text-text-secondary text-sm mb-4">
-            Gib deine E-Mail-Adresse ein, und wir senden dir einen Link zum Zurücksetzen deines Passworts.
+            Gib deine E-Mail-Adresse ein, und wir senden dir einen Link zum Zurücksetzen deines
+            Passworts.
           </p>
         </div>
-        
+
         <div>
           <label for="email" class="text-text-secondary text-sm font-medium mb-1 block">
             E-Mail
@@ -86,11 +91,9 @@
       <!-- Reset Password Form -->
       <form [formGroup]="resetPasswordForm" (ngSubmit)="onSubmitReset()" class="space-y-4">
         <div class="mb-6">
-          <p class="text-text-secondary text-sm mb-4">
+          <p class="text-text-secondary text-sm mb-4">Gib dein neues Passwort ein.</p>
-            Gib dein neues Passwort ein.
-          </p>
         </div>
-        
+
         <div>
           <label for="password" class="text-text-secondary text-sm font-medium mb-1 block">
             Neues Passwort
@@ -127,7 +130,11 @@
             placeholder="Bestätige dein neues Passwort"
           />
 
-          @if (resetFormControls['confirmPassword'].touched && (resetFormControls['confirmPassword'].errors || resetPasswordForm.errors?.['passwordMismatch'])) {
+          @if (
+            resetFormControls['confirmPassword'].touched &&
+            (resetFormControls['confirmPassword'].errors ||
+              resetPasswordForm.errors?.['passwordMismatch'])
+          ) {
             <div class="text-accent-red mt-1 text-sm">
               @if (resetFormControls['confirmPassword'].errors?.['required']) {
                 <span>Passwortbestätigung ist erforderlich</span>
@@ -153,7 +160,10 @@
 
     <div class="mt-6 text-center">
       <p class="text-sm text-text-secondary">
-        <a routerLink="/" class="font-medium text-emerald hover:text-emerald-light transition-all duration-200">
+        <a
+          routerLink="/"
+          class="font-medium text-emerald hover:text-emerald-light transition-all duration-200"
+        >
           Zurück zur Startseite
         </a>
       </p>

frontend/src/app/feature/auth/recover-password/recover-password.component.ts

@@ -7,10 +7,7 @@ import { AuthService } from '@service/auth.service';
 @Component({
   selector: 'app-recover-password',
   standalone: true,
-  imports: [
+  imports: [CommonModule, ReactiveFormsModule],
-    CommonModule,
-    ReactiveFormsModule,
-  ],
   templateUrl: './recover-password.component.html',
 })
 export class RecoverPasswordComponent {
@@ -31,18 +28,21 @@ export class RecoverPasswordComponent {
     private route: ActivatedRoute
   ) {
     this.emailForm = this.fb.group({
-      email: ['', [Validators.required, Validators.email]]
+      email: ['', [Validators.required, Validators.email]],
     });
 
-    this.resetPasswordForm = this.fb.group({
+    this.resetPasswordForm = this.fb.group(
-      password: ['', [Validators.required, Validators.minLength(8)]],
+      {
-      confirmPassword: ['', [Validators.required]]
+        password: ['', [Validators.required, Validators.minLength(8)]],
-    }, {
+        confirmPassword: ['', [Validators.required]],
-      validators: this.passwordMatchValidator
+      },
-    });
+      {
+        validators: this.passwordMatchValidator,
+      }
+    );
 
     // Check if we're in reset mode
-    this.route.queryParamMap.subscribe(params => {
+    this.route.queryParamMap.subscribe((params) => {
       const token = params.get('token');
       if (token) {
         this.token = token;
@@ -79,7 +79,9 @@ export class RecoverPasswordComponent {
     this.authService.recoverPassword(email).subscribe({
       next: () => {
         this.isLoading.set(false);
-        this.successMessage.set('Wenn ein Konto mit dieser E-Mail existiert, wird eine E-Mail mit weiteren Anweisungen gesendet.');
+        this.successMessage.set(
+          'Wenn ein Konto mit dieser E-Mail existiert, wird eine E-Mail mit weiteren Anweisungen gesendet.'
+        );
         this.emailForm.reset();
       },
       error: (err) => {
@@ -87,7 +89,7 @@ export class RecoverPasswordComponent {
         this.errorMessage.set(
           err.error?.message || 'Ein Fehler ist aufgetreten. Bitte versuche es später erneut.'
         );
-      }
+      },
     });
   }
 
@@ -105,7 +107,9 @@ export class RecoverPasswordComponent {
     this.authService.resetPassword(this.token, password).subscribe({
       next: () => {
         this.isLoading.set(false);
-        this.successMessage.set('Dein Passwort wurde erfolgreich zurückgesetzt. Du kannst dich jetzt anmelden.');
+        this.successMessage.set(
+          'Dein Passwort wurde erfolgreich zurückgesetzt. Du kannst dich jetzt anmelden.'
+        );
         setTimeout(() => {
           this.router.navigate([''], { queryParams: { login: true } });
         }, 3000);
@@ -115,7 +119,7 @@ export class RecoverPasswordComponent {
         this.errorMessage.set(
           err.error?.message || 'Ein Fehler ist aufgetreten. Bitte versuche es später erneut.'
         );
-      }
+      },
     });
   }
 }

frontend/src/app/service/auth.service.ts

@@ -77,11 +77,11 @@ export class AuthService {
   public verifyEmail(token: string): Observable<unknown> {
     return this.http.post<unknown>(`${this.authUrl}/verify?token=${token}`, null);
   }
-  
+
   public recoverPassword(email: string): Observable<unknown> {
     return this.http.post<unknown>(`${this.authUrl}/recover-password?email=${email}`, null);
   }
-  
+
   public resetPassword(token: string, password: string): Observable<unknown> {
     return this.http.post<unknown>(`${this.authUrl}/reset-password`, { token, password });
   }