refactor: split tenant and lease page modules

frontend/src/app/components/tenant-card/tenant-card.html

@@ -0,0 +1,68 @@
+<article class="tenant-card">
+  <div class="tenant-identity">
+    <span class="tenant-avatar"
+      >{{ tenant().firstName.charAt(0) }}{{ tenant().lastName.charAt(0) }}</span
+    >
+    <div>
+      <p class="property-label">Locataire</p>
+      <h2>{{ tenant().firstName }} {{ tenant().lastName }}</h2>
+    </div>
+  </div>
+  <dl class="contact-list">
+    <div>
+      <dt>E-mail</dt>
+      <dd>{{ tenant().email }}</dd>
+    </div>
+    <div>
+      <dt>Téléphone</dt>
+      <dd>{{ tenant().phone || 'Non renseigné' }}</dd>
+    </div>
+    <div>
+      <dt>Adresse</dt>
+      <dd>{{ tenant().address || 'Non renseignée' }}</dd>
+    </div>
+  </dl>
+  <div class="attachments">
+    <div class="section-title">
+      <strong>Pièces jointes</strong><span>{{ tenant().attachments?.length ?? 0 }}</span>
+    </div>
+    @for (attachment of tenant().attachments ?? []; track attachment.id) {
+      <button
+        mat-button
+        type="button"
+        class="attachment-row"
+        [attr.aria-label]="'Télécharger la pièce jointe ' + attachment.fileName"
+        (click)="attachmentDownloadRequested.emit({ tenantId: tenant().id!, attachment })"
+      >
+        <span aria-hidden="true">↧</span>{{ attachment.fileName }}
+      </button>
+    }
+    @if (tenant().id) {
+      @if (uploadError() || attachmentError()) {
+        <p class="attachment-error" role="alert">{{ uploadError() || attachmentError() }}</p>
+      }
+      <label class="upload-action"
+        ><input
+          type="file"
+          [attr.aria-label]="
+            'Ajouter une pièce jointe pour ' + tenant().firstName + ' ' + tenant().lastName
+          "
+          (change)="selectFile($event)"
+        />+ Ajouter une pièce jointe <small>· 250 Mo maximum</small></label
+      >
+    }
+  </div>
+  <div class="card-actions">
+    <button mat-button type="button" (click)="editRequested.emit(tenant())">Modifier</button>
+    @if (tenant().id) {
+      <button
+        mat-button
+        type="button"
+        class="danger-action"
+        (click)="deleteRequested.emit(tenant().id!)"
+      >
+        Supprimer
+      </button>
+    }
+  </div>
+</article>