refactor: address loading review findings (#18)

frontend/src/app/components/apartment-form/apartment-form.css

@@ -27,17 +27,6 @@
   background: var(--surface);
   box-shadow: 0 1px 0 rgba(255, 255, 255, 0.04);
 }
-fieldset {
-  min-width: 0;
-  margin: 0;
-  padding: 0;
-  border: 0;
-}
-.primary-action mat-spinner {
-  display: inline-block;
-  margin-right: 8px;
-  vertical-align: middle;
-}
 .form-grid {
   display: grid;
   grid-template-columns: minmax(0, 1fr);

frontend/src/app/components/apartment-form/apartment-form.html

@@ -26,7 +26,10 @@
     @if (error()) {
       <div class="alert-error" role="alert">{{ error() }}</div>
     }
-    <fieldset [disabled]="saving()" [attr.inert]="saving() ? '' : null">
+    <p class="visually-hidden" role="status" aria-live="polite">
+      {{ saving() ? 'Enregistrement en cours.' : '' }}
+    </p>
+    <fieldset class="busy-fieldset" [disabled]="saving()" [attr.inert]="saving() ? '' : null">
       <div class="form-grid">
         <mat-form-field appearance="outline"
           ><mat-label>Nom de l'appartement</mat-label
@@ -77,7 +80,7 @@
       <div class="form-actions">
         <button mat-button type="button" (click)="closed.emit()">Annuler</button
         ><button mat-flat-button type="submit" class="primary-action">
-          <span aria-live="polite">
+          <span>
             @if (saving()) {
               <mat-spinner diameter="18" aria-hidden="true" /> Enregistrement…
             } @else {

frontend/src/app/components/apartment-form/apartment-form.spec.ts

@@ -58,6 +58,7 @@ describe('ApartmentForm', () => {
     fixture.detectChanges();
 
     expect(fixture.nativeElement.querySelector('fieldset').disabled).toBe(true);
+    expect(fixture.nativeElement.querySelector('[role=status]').closest('fieldset')).toBeNull();
     expect(fixture.nativeElement.textContent).toContain('Enregistrement…');
     expect(fixture.nativeElement.textContent).toContain(
       'Impossible d’enregistrer cet appartement.',