feat: edit client — save per tab, DOB re-KYC alert, audit logs, KYC improvements

- Edit button per tab with Save & Next confirmation dialog
- DOB change triggers re-KYC alert, resets PAN verification, auto-fills remarks
- Mobile/email changes logged as audit notes via client notes API
- Redesigned confirmation dialog with icon + title, type-based theming
- KYC re-edit flow: remarks mandatory for VERIFIED records, re-edit API command
- Load existing photo & signature in edit KYC, immediate upload on change
- Populate all KYC fields (document, AML, form60/15) from API on edit
- Non-individual PAN verification uses same flow as individual
- Fix table overflow when sidebar panel is open
- Add fr unit to stylelint allowed-list

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

src/app/clients/edit-client/edit-client.component.html

@@ -12,7 +12,12 @@
     <h2>{{ 'labels.heading.Edit Client' | translate }}</h2>
   </div>
 
-  <mat-tab-group class="client-tabs" animationDuration="200ms" [preserveContent]="true" [(selectedIndex)]="selectedTabIndex">
+  <mat-tab-group
+    class="client-tabs"
+    animationDuration="200ms"
+    [preserveContent]="true"
+    [(selectedIndex)]="selectedTabIndex"
+  >
     <!-- Tab 1: General Details -->
     <mat-tab>
       <ng-template mat-tab-label>
@@ -58,8 +63,18 @@
             </button>
           }
         </div>
+        @if (dobChanged) {
+          <div class="rekyc-alert">
+            <mat-icon class="rekyc-alert__icon">warning</mat-icon>
+            <div class="rekyc-alert__text">
+              <strong>Re-KYC Required:</strong> Date of birth was changed. Please re-verify PAN and update the remarks
+              below before proceeding.
+            </div>
+          </div>
+        }
         <div class="tab-section">
-          <mifosx-client-kyc-step #clientKyc
+          <mifosx-client-kyc-step
+            #clientKyc
             [isNonIndividual]="legalFormType === 2"
             [clientId]="clientId"
             [readOnly]="isTabReadOnly(1)"
@@ -115,7 +130,8 @@
             </button>
           }
         </div>
-        <mifosx-client-india-address-step #clientIndiaAddress
+        <mifosx-client-india-address-step
+          #clientIndiaAddress
           [clientId]="clientId"
           [readOnly]="isTabReadOnly(addressTabIdx)"
         ></mifosx-client-india-address-step>
@@ -141,7 +157,8 @@
             </button>
           }
         </div>
-        <mifosx-client-family-members-step #clientFamilyMembers
+        <mifosx-client-family-members-step
+          #clientFamilyMembers
           [clientTemplate]="clientDataAndTemplate"
           [clientId]="clientId"
           [readOnly]="isTabReadOnly(familyTabIdx)"
@@ -182,9 +199,18 @@
         </button>
       }
       @if (selectedTabIndex < totalTabs - 1) {
-        <button mat-raised-button color="primary" (click)="onNext()">
-          {{ 'labels.buttons.Next' | translate }}
-          <fa-icon icon="arrow-right" class="m-l-10"></fa-icon>
+        <button mat-raised-button color="primary" (click)="onNext()" [disabled]="savingClient">
+          @if (savingClient) {
+            <mat-progress-spinner diameter="18" mode="indeterminate" class="m-r-10"></mat-progress-spinner>
+            Saving...
+          } @else if (isCurrentTabEdited()) {
+            <fa-icon icon="save" class="m-r-10"></fa-icon>
+            Save &amp; Next
+            <fa-icon icon="arrow-right" class="m-l-10"></fa-icon>
+          } @else {
+            {{ 'labels.buttons.Next' | translate }}
+            <fa-icon icon="arrow-right" class="m-l-10"></fa-icon>
+          }
         </button>
       }
       @if (selectedTabIndex === totalTabs - 1 && areFormvalids()) {