feat: add rent payment history and reversal dialogs

- Implemented RentPaymentHistoryServiceTest to validate payment retrieval with refunds and reversals.
- Created ReverseRentPaymentServiceTest to ensure correct handling of payment reversals and allocation releases.
- Developed rent-payment-allocation-dialog component with form for surplus allocation.
- Added rent-payment-refund-dialog component for processing refunds with validation.
- Introduced rent-payment-reversal-dialog component for reversing payments with reason input.
- Implemented utility functions for formatting Euro values and handling date formatting.
- Enhanced rent-payment-dialogs.spec.ts to cover new dialog functionalities and error handling.

frontend/src/app/components/rent-payment-reversal-dialog/rent-payment-reversal-dialog.ts

@@ -0,0 +1,61 @@
+import { Component, inject, signal } from '@angular/core';
+import { FormControl, FormGroup, ReactiveFormsModule, Validators } from '@angular/forms';
+import { MatButtonModule } from '@angular/material/button';
+import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatInputModule } from '@angular/material/input';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import { finalize } from 'rxjs';
+import { httpErrorMessage } from '../../services/http-error-message';
+import { formatEuro } from '../../services/rent-payment-format';
+import { RentPayment, RentPaymentService } from '../../services/rent-payment.service';
+import { isRentPaymentDataStale, RENT_PAYMENT_DATA_STALE } from '../rent-payment-dialog-result';
+
+@Component({
+  selector: 'app-rent-payment-reversal-dialog',
+  imports: [
+    ReactiveFormsModule,
+    MatButtonModule,
+    MatDialogModule,
+    MatFormFieldModule,
+    MatInputModule,
+    MatProgressSpinnerModule,
+  ],
+  templateUrl: './rent-payment-reversal-dialog.html',
+  styleUrl: './rent-payment-reversal-dialog.css',
+})
+export class RentPaymentReversalDialog {
+  readonly payment = inject<RentPayment>(MAT_DIALOG_DATA);
+  private readonly dialogRef = inject(MatDialogRef<RentPaymentReversalDialog>);
+  private readonly payments = inject(RentPaymentService);
+  readonly saving = signal(false);
+  readonly error = signal('');
+  readonly formatEuro = formatEuro;
+
+  readonly form = new FormGroup({
+    reason: new FormControl('', {
+      nonNullable: true,
+      validators: [Validators.required, Validators.maxLength(500)],
+    }),
+  });
+
+  submit(): void {
+    this.form.markAllAsTouched();
+    if (this.form.invalid || this.saving()) return;
+    this.saving.set(true);
+    this.error.set('');
+    this.payments
+      .reverse(this.payment.id, this.payment.version, this.form.controls.reason.value)
+      .pipe(finalize(() => this.saving.set(false)))
+      .subscribe({
+        next: (payment) => this.dialogRef.close(payment),
+        error: (error) => {
+          if (isRentPaymentDataStale(error)) {
+            this.dialogRef.close(RENT_PAYMENT_DATA_STALE);
+            return;
+          }
+          this.error.set(httpErrorMessage(error, 'Impossible de contrepasser ce règlement.'));
+        },
+      });
+  }
+}