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/transactions-tab/transactions-tab.component.html

@@ -6,23 +6,22 @@
   file, You can obtain one at http://mozilla.org/MPL/2.0/.
 -->
 
-<div class="container">
-  <div class="mat-elevation-z1 m-b-25" [hidden]="!accountWithTransactions">
-    <div class="layout-row align-end">
-      @if (checkStatus()) {
-        <div class="action-button m-b-20 layout-row gap-20px">
-          <mat-checkbox [formControl]="hideReversedParam" (click)="hideReversed()" class="accruals">
-            {{ 'labels.inputs.Hide Reversed' | translate }}</mat-checkbox
-          >
-          <mat-checkbox [formControl]="hideAccrualsParam" (click)="hideAccruals()" class="accruals">
-            {{ 'labels.inputs.Hide Accruals' | translate }}</mat-checkbox
-          >
-          <button mat-raised-button color="primary" [routerLink]="['export']">
-            {{ 'labels.buttons.Export' | translate }}
-          </button>
-        </div>
-      }
-    </div>
+<div class="txn-tab">
+  <div class="txn-tab__card" [hidden]="!accountWithTransactions">
+    @if (checkStatus()) {
+      <div class="txn-tab__toolbar">
+        <mat-checkbox [formControl]="hideReversedParam" (click)="hideReversed()" class="txn-tab__check">
+          {{ 'labels.inputs.Hide Reversed' | translate }}
+        </mat-checkbox>
+        <mat-checkbox [formControl]="hideAccrualsParam" (click)="hideAccruals()" class="txn-tab__check">
+          {{ 'labels.inputs.Hide Accruals' | translate }}
+        </mat-checkbox>
+        <span class="txn-tab__spacer"></span>
+        <button mat-flat-button class="txn-tab__export" [routerLink]="['export']">
+          {{ 'labels.buttons.Export' | translate }}
+        </button>
+      </div>
+    }
 
     <table mat-table [dataSource]="dataSource" matSort>
       <ng-container matColumnDef="row">
@@ -176,10 +175,11 @@
     <mat-paginator [pageSize]="50" [pageSizeOptions]="[50, 100, 200]" showFirstLastButtons></mat-paginator>
   </div>
 
-  <div class="alert" [hidden]="accountWithTransactions">
-    <div class="message">
-      <i class="fa fa-exclamation-circle alert-check"></i>
+  <div class="txn-tab__empty" [hidden]="accountWithTransactions">
+    <fa-icon icon="inbox" class="txn-tab__empty-ico"></fa-icon>
+    <div class="txn-tab__empty-title">
       {{ 'labels.text.No transaction was found' | translate }}
     </div>
+    <div class="txn-tab__empty-sub">Posted transactions will appear here.</div>
   </div>
 </div>