feat: client extra fields + KYC home-visit & video-KYC dialogs

- Add Education Level, Degree/Qualification, Religion, Social Category dropdowns (individual clients) with dependent filtering on the create/edit/preview/view flows
- Add Agriculture Income & Non-Agriculture Income fields under Financial & Classification
- Gate Save with a Verify Client alert dialog when sanctions screening is not yet performed
- Trim Office Name and CKYC Number columns from clients list; widen table to fill container
- Remove DIP/Screening log IDs from preview and personal-data tabs
- Rename "Branch Visit" to "Home Visit" across KYC management
- Wire Take Action: open dedicated dialogs for Schedule Home Visit (officer + datetime) and Send Video KYC link (channels + officer + 48h expiry + session preview)
- Migrate Signatory and Guardian image dialogs to inject() for prefer-inject lint rule

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

src/app/clients/clients.component.html

@@ -74,7 +74,6 @@
           <mat-option value="pending">CKYC Pending</mat-option>
         </mat-select>
       </mat-form-field>
-
     </div>
   </div>
 
@@ -89,7 +88,9 @@
       <ng-container matColumnDef="displayName">
         <th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'labels.inputs.name' | translate }}</th>
         <td mat-cell *matCellDef="let row" class="cell-link">
-          <mat-icon class="row-legal-icon" [ngClass]="row.legalForm?.id === 2 ? 'entity' : 'person'">{{ row.legalForm?.id === 2 ? 'business' : 'person' }}</mat-icon>
+          <mat-icon class="row-legal-icon" [ngClass]="row.legalForm?.id === 2 ? 'entity' : 'person'">{{
+            row.legalForm?.id === 2 ? 'business' : 'person'
+          }}</mat-icon>
           {{ hideClientData ? maskName(row.displayName) : row.displayName }}
           @if (row._ckycDone) {
             <mat-icon class="row-ckyc-icon" matTooltip="CKYC Done">verified</mat-icon>
@@ -111,18 +112,6 @@
         <td mat-cell *matCellDef="let row" class="cell-mono">{{ row.cifNumber }}</td>
       </ng-container>
 
-      <!-- CKYC Number Column -->
-      <ng-container matColumnDef="ckycNumber">
-        <th mat-header-cell *matHeaderCellDef>CKYC Number</th>
-        <td mat-cell *matCellDef="let row" class="cell-mono">
-          @if (row._ckycNumber) {
-            {{ row._ckycNumber }}
-          } @else {
-            <span class="ckyc-pending">—</span>
-          }
-        </td>
-      </ng-container>
-
       <!-- Legal Form Column -->
       <ng-container matColumnDef="legalForm">
         <th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.Legal Form' | translate }}</th>
@@ -149,7 +138,11 @@
         <td mat-cell *matCellDef="let row">
           <div class="profile-steps">
             @for (step of getProfileSteps(row); track step.label) {
-              <span class="step-dot" [class.done]="step.done" [matTooltip]="step.label + (step.done ? ' ✓' : ' — Pending')">
+              <span
+                class="step-dot"
+                [class.done]="step.done"
+                [matTooltip]="step.label + (step.done ? ' ✓' : ' — Pending')"
+              >
                 {{ step.label.charAt(0) }}
               </span>
             }
@@ -157,12 +150,6 @@
         </td>
       </ng-container>
 
-      <!-- Office Column -->
-      <ng-container matColumnDef="officeName">
-        <th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.Office Name' | translate }}</th>
-        <td mat-cell *matCellDef="let row">{{ row.officeName }}</td>
-      </ng-container>
-
       <!-- Actions Column -->
       <ng-container matColumnDef="actions">
         <th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.Actions' | translate }}</th>