feat: Nexora UI upgrade for Current Account, FD, and RD account views

- Current Account: hero header with navy gradient, pill tabs, Nexora card layout for general tab, txn-tab/chg-tab table styles, bank statement passbook
- Fixed Deposits: fd-* prefixed hero header, KPI tiles, pill tab nav, nx-card general tab layout, txn-tab transactions, chg-tab charges
- Recurring Deposits: rd-* prefixed hero header with three KPI tiles, pill tab nav, nx-card general tab layout, txn-tab transactions, chg-tab charges
- Fix: removed broken FA4-format icon references from action menu buttons

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

src/app/current-accounts/current-account-view/charges-tab/charges-tab.component.html

@@ -6,25 +6,22 @@
   file, You can obtain one at http://mozilla.org/MPL/2.0/.
 -->
 
-<div class="tab-container mat-typography">
-  <div class="layout-row align-start">
-    <div class="m-b-10">
-      <h3>{{ 'labels.inputs.Charges' | translate }}</h3>
-    </div>
-    @if (this.chargesData) {
-      <div class="action-button m-b-20">
-        <button mat-raised-button color="primary" (click)="toggleCharges()">
+<div class="chg-tab">
+  <div class="chg-tab__card">
+    <div class="chg-tab__toolbar">
+      <h3 class="chg-tab__title">{{ 'labels.inputs.Charges' | translate }}</h3>
+      <span class="chg-tab__spacer"></span>
+      @if (this.chargesData) {
+        <button mat-flat-button class="chg-tab__toggle" (click)="toggleCharges()">
           {{
             showInactiveCharges
               ? viewAllChargeButtons('View Active Charges')
               : viewAllChargeButtons('View Inactive Charges')
           }}
         </button>
-      </div>
-    }
-  </div>
+      }
+    </div>
 
-  <div class="mat-elevation-z1 m-b-25">
     <table mat-table #chargesTable [dataSource]="dataSource">
       <ng-container matColumnDef="name">
         <th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.Name' | translate }}</th>