feat: Reportes, chat de discusión y mejoras de navegación

- Tab "Reportados" en Contratos (cliente) y tab "Reportadas" en Postulaciones (proveedor) con skeleton loading e ionViewWillEnter
- Modal de chat para discusión de reportes: burbujas por rol (propio/otro/moderador), skeleton, input con cámara y envío
- Endpoints GET/POST contracts/reports/{id}/comments en ichamba.service
- userId guardado en AuthService desde auth/user para identificar mensajes propios
- Botón "Postularse" corregido con slot=end en ion-item
- Todas las secciones de tabs migradas de ngOnInit a ionViewWillEnter + ChangeDetectorRef.detectChanges()
- Android navigation bar reactiva al tema del sistema vía values/values-night styles.xml

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/app/pages/contracts/finished/finished.page.html

@@ -3,7 +3,7 @@
   <ion-buttons slot="start">
     <ion-menu-button></ion-menu-button>
   </ion-buttons>
-  <ion-title>{{'contract.header' | translate}}</ion-title>
+  <ion-title>{{'contracts.header' | translate}}</ion-title>
 </ion-toolbar>
 </ion-header>
 <ion-content class="ion-padding">
@@ -11,6 +11,24 @@
 <ion-refresher slot="fixed" (ionRefresh)="refresh($event)">
   <ion-refresher-content></ion-refresher-content>
 </ion-refresher>
+
+  <ng-container *ngIf="loading">
+    <ion-card *ngFor="let _ of [1,2]">
+      <ion-item style="--border-color: #fff">
+        <ion-label>
+          <ion-skeleton-text [animated]="true" style="width: 55%; height: 18px; margin-bottom: 8px"></ion-skeleton-text>
+          <ion-skeleton-text [animated]="true" style="width: 85%"></ion-skeleton-text>
+          <ion-skeleton-text [animated]="true" style="width: 70%"></ion-skeleton-text>
+          <ion-skeleton-text [animated]="true" style="width: 50%"></ion-skeleton-text>
+          <ion-skeleton-text [animated]="true" style="width: 40%"></ion-skeleton-text>
+          <ion-skeleton-text [animated]="true" style="width: 35%"></ion-skeleton-text>
+          <ion-skeleton-text [animated]="true" style="width: 65%; height: 16px; margin-top: 6px"></ion-skeleton-text>
+        </ion-label>
+      </ion-item>
+    </ion-card>
+  </ng-container>
+
+<ng-container *ngIf="!loading">
   <ng-container *ngFor="let fcontract of fcontracts; let i = index">
     <ion-card>
       <ion-item style="--border-color: #fff">
@@ -35,4 +53,5 @@
         </ion-row>
     </ion-card>
   </ng-container>
+</ng-container>
 </ion-content>