feat: add CFCFRMS module, bank menus, mock backend, and dashboard redesign

- CFCFRMS cyber fraud complaint management with dashboard, complaints,
  escalation, report suspect/mule/fraud txn, FMR submission, CFR lookup
- Mock HTTP interceptor with 20 dummy complaints and all endpoints
- Simulator service for I4C/MHA integration testing
- 3-row menu bar with 22 items (7+8+8 layout)
- Mega menus for General Ledger, Sub Ledger, Deposits, Share, Others,
  HRM, RBI with search and grouped columns
- Dropdowns for Cashier, Clearing, NPA, CKYC, Advances, Letter Mgmt,
  Insurance, Digital
- Dashboard redesign with regulatory, financial health, deposits,
  risk/NPA sections using static banking data
- All translations added to en-US.json
- FontAwesome icons registered for all new menu items

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

src/app/cfcfrms/report-suspect/report-suspect.component.html

@@ -0,0 +1,132 @@
+<!--
+  Copyright since 2025 Mifos Initiative
+
+  This Source Code Form is subject to the terms of the Mozilla Public
+  License, v. 2.0. If a copy of the MPL was not distributed with this
+  file, You can obtain one at http://mozilla.org/MPL/2.0/.
+-->
+
+<div class="report-page">
+  <div class="page-header">
+    <h2>{{ 'labels.text.Report Suspect Account' | translate }}</h2>
+    <p class="subtitle">{{ 'labels.text.Report internally detected suspect account to I4C' | translate }}</p>
+  </div>
+
+  <div class="report-layout">
+    <mat-card class="report-card">
+      <mat-card-header>
+        <mat-card-title>
+          <fa-icon icon="user-shield" class="mr-05"></fa-icon> {{ 'labels.text.Suspect Account Details' | translate }}
+        </mat-card-title>
+      </mat-card-header>
+      <mat-card-content>
+        @if (result) {
+          <div class="success-result">
+            <div class="success-icon"><fa-icon icon="check-circle" size="3x"></fa-icon></div>
+            <h3>{{ 'labels.text.Report Submitted' | translate }}</h3>
+            <div class="result-details">
+              <div class="result-row">
+                <span class="result-label">{{ 'labels.text.Reference Number' | translate }}</span
+                ><span class="result-value mono">{{ result.referenceNumber }}</span>
+              </div>
+              <div class="result-row">
+                <span class="result-label">{{ 'labels.text.Account Number' | translate }}</span
+                ><span class="result-value mono">{{ result.accountNumber }}</span>
+              </div>
+              <div class="result-row">
+                <span class="result-label">{{ 'labels.text.Status' | translate }}</span
+                ><span class="result-value">{{ result.status }}</span>
+              </div>
+              <div class="result-row">
+                <span class="result-label">{{ 'labels.text.Timestamp' | translate }}</span
+                ><span class="result-value">{{ result.reportedAt }}</span>
+              </div>
+            </div>
+            <button mat-raised-button color="primary" (click)="resetForm()" class="mt-16">
+              <fa-icon icon="plus" class="mr-05"></fa-icon> {{ 'labels.text.New Report' | translate }}
+            </button>
+          </div>
+        } @else {
+          <form [formGroup]="form" (ngSubmit)="onSubmit()">
+            <mat-form-field appearance="outline" class="full-width">
+              <mat-label>{{ 'labels.text.Account Number' | translate }}</mat-label>
+              <input matInput formControlName="accountNumber" placeholder="e.g. 50100268347291" />
+              @if (form.get('accountNumber')?.hasError('required') && form.get('accountNumber')?.touched) {
+                <mat-error>Account number is required</mat-error>
+              }
+            </mat-form-field>
+
+            <mat-form-field appearance="outline" class="full-width">
+              <mat-label>{{ 'labels.text.Account Name' | translate }}</mat-label>
+              <input matInput formControlName="accountName" placeholder="Account holder name" />
+              @if (form.get('accountName')?.hasError('required') && form.get('accountName')?.touched) {
+                <mat-error>Account name is required</mat-error>
+              }
+            </mat-form-field>
+
+            <mat-form-field appearance="outline" class="full-width">
+              <mat-label>{{ 'labels.text.Bank IFSC' | translate }}</mat-label>
+              <input matInput formControlName="bankIfsc" placeholder="e.g. LINC0000001" />
+              @if (form.get('bankIfsc')?.hasError('pattern') && form.get('bankIfsc')?.touched) {
+                <mat-error>{{ 'labels.text.Invalid IFSC format' | translate }}</mat-error>
+              }
+            </mat-form-field>
+
+            <mat-form-field appearance="outline" class="full-width">
+              <mat-label>{{ 'labels.text.Suspicion Reason' | translate }}</mat-label>
+              <mat-select formControlName="suspicionReason">
+                @for (reason of suspicionReasons; track reason) {
+                  <mat-option [value]="reason">{{ reason }}</mat-option>
+                }
+              </mat-select>
+              @if (form.get('suspicionReason')?.hasError('required') && form.get('suspicionReason')?.touched) {
+                <mat-error>Suspicion reason is required</mat-error>
+              }
+            </mat-form-field>
+
+            <mat-form-field appearance="outline" class="full-width">
+              <mat-label>{{ 'labels.text.Detected By' | translate }}</mat-label>
+              <input matInput formControlName="detectedBy" placeholder="Officer name / system" />
+            </mat-form-field>
+
+            <mat-form-field appearance="outline" class="full-width">
+              <mat-label>{{ 'labels.text.Detection Date' | translate }}</mat-label>
+              <input matInput [matDatepicker]="picker" formControlName="detectedOn" />
+              <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
+              <mat-datepicker #picker></mat-datepicker>
+            </mat-form-field>
+
+            <mat-form-field appearance="outline" class="full-width">
+              <mat-label>{{ 'labels.text.Linked Transaction IDs' | translate }}</mat-label>
+              <input matInput formControlName="linkedTransactions" placeholder="Comma-separated TXN IDs" />
+            </mat-form-field>
+
+            <mat-form-field appearance="outline" class="full-width">
+              <mat-label>{{ 'labels.text.Remarks' | translate }}</mat-label>
+              <textarea
+                matInput
+                formControlName="remarks"
+                rows="3"
+                placeholder="{{ 'labels.text.Enter remarks...' | translate }}"
+              ></textarea>
+            </mat-form-field>
+
+            <button
+              mat-raised-button
+              color="primary"
+              type="submit"
+              [disabled]="isSubmitting"
+              class="full-width submit-btn"
+            >
+              @if (isSubmitting) {
+                <mat-spinner diameter="20" class="inline-spinner"></mat-spinner>
+              } @else {
+                <fa-icon icon="paper-plane" class="mr-05"></fa-icon> {{ 'labels.text.Submit Report' | translate }}
+              }
+            </button>
+          </form>
+        }
+      </mat-card-content>
+    </mat-card>
+  </div>
+</div>

src/app/cfcfrms/report-suspect/report-suspect.component.scss

@@ -0,0 +1,102 @@
+/**
+ * Copyright since 2025 Mifos Initiative
+ *
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ */
+
+.report-page {
+  padding: 24px;
+  max-width: 1200px;
+  margin: 0 auto;
+}
+
+.page-header {
+  margin-bottom: 24px;
+  h2 {
+    margin: 0;
+    font-size: 24px;
+    font-weight: 600;
+  }
+  .subtitle {
+    margin: 4px 0 0;
+    color: #666;
+    font-size: 14px;
+  }
+}
+
+.report-layout {
+  display: flex;
+  gap: 24px;
+}
+
+.report-card {
+  flex: 1;
+  max-width: 700px;
+}
+
+.full-width {
+  width: 100%;
+}
+
+.mr-05 {
+  margin-right: 0.5rem;
+}
+.mt-16 {
+  margin-top: 16px;
+}
+
+.submit-btn {
+  margin-top: 8px;
+  height: 48px;
+  font-size: 16px;
+}
+
+.inline-spinner {
+  display: inline-block;
+  margin-right: 8px;
+}
+
+.success-result {
+  text-align: center;
+  padding: 32px 16px;
+  .success-icon {
+    color: #10b981;
+    margin-bottom: 16px;
+  }
+  h3 {
+    color: #10b981;
+    margin-bottom: 24px;
+  }
+}
+
+.result-details {
+  text-align: left;
+  max-width: 500px;
+  margin: 0 auto;
+  background: #f8f9fa;
+  border-radius: 8px;
+  padding: 16px;
+}
+
+.result-row {
+  display: flex;
+  justify-content: space-between;
+  padding: 8px 0;
+  border-bottom: 1px solid #eee;
+  &:last-child {
+    border-bottom: none;
+  }
+}
+
+.result-label {
+  color: #666;
+  font-weight: 500;
+}
+.result-value {
+  font-weight: 600;
+}
+.mono {
+  font-family: 'Roboto Mono', monospace;
+}

src/app/cfcfrms/report-suspect/report-suspect.component.ts

@@ -0,0 +1,145 @@
+/**
+ * Copyright since 2025 Mifos Initiative
+ *
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ */
+
+import { Component, inject } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ReactiveFormsModule, FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { MatCardModule } from '@angular/material/card';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatInputModule } from '@angular/material/input';
+import { MatButtonModule } from '@angular/material/button';
+import { MatSelectModule } from '@angular/material/select';
+import { MatDatepickerModule } from '@angular/material/datepicker';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import { MatSnackBar, MatSnackBarModule } from '@angular/material/snack-bar';
+import { MatDialogModule, MatDialog } from '@angular/material/dialog';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { TranslateModule } from '@ngx-translate/core';
+import { CfcfrmsService } from '../cfcfrms.service';
+import { ConfirmDialogComponent } from '../components/confirm-dialog/confirm-dialog.component';
+
+@Component({
+  selector: 'cfcfrms-report-suspect',
+  standalone: true,
+  templateUrl: './report-suspect.component.html',
+  styleUrls: ['./report-suspect.component.scss'],
+  imports: [
+    CommonModule,
+    ReactiveFormsModule,
+    MatCardModule,
+    MatFormFieldModule,
+    MatInputModule,
+    MatButtonModule,
+    MatSelectModule,
+    MatDatepickerModule,
+    MatProgressSpinnerModule,
+    MatSnackBarModule,
+    MatDialogModule,
+    FaIconComponent,
+    TranslateModule
+  ]
+})
+export class ReportSuspectComponent {
+  private fb = inject(FormBuilder);
+  private service = inject(CfcfrmsService);
+  private snackBar = inject(MatSnackBar);
+  private dialog = inject(MatDialog);
+
+  form: FormGroup = this.fb.group({
+    accountNumber: [
+      '',
+      [
+        Validators.required,
+        Validators.minLength(8)
+      ]
+    ],
+    accountName: [
+      '',
+      Validators.required
+    ],
+    bankIfsc: [
+      'LINC0000001',
+      [
+        Validators.required,
+        Validators.pattern(/^[A-Z]{4}0[A-Z0-9]{6}$/)
+      ]
+    ],
+    suspicionReason: [
+      '',
+      Validators.required
+    ],
+    detectedBy: [
+      '',
+      Validators.required
+    ],
+    detectedOn: [
+      '',
+      Validators.required
+    ],
+    linkedTransactions: [''],
+    remarks: ['']
+  });
+
+  isSubmitting = false;
+  result: any = null;
+
+  suspicionReasons = [
+    'Unusual transaction pattern',
+    'Multiple fraud complaints linked',
+    'High-value transactions to unknown beneficiaries',
+    'Account used as pass-through',
+    'KYC document mismatch',
+    'Tip-off from law enforcement',
+    'Internal fraud detection system alert',
+    'Other'
+  ];
+
+  onSubmit(): void {
+    if (this.form.invalid) {
+      this.form.markAllAsTouched();
+      return;
+    }
+
+    const dialogRef = this.dialog.open(ConfirmDialogComponent, {
+      data: { title: 'Confirm Report', message: 'Are you sure you want to report this suspect account to I4C?' }
+    });
+
+    dialogRef.afterClosed().subscribe((confirmed) => {
+      if (!confirmed) return;
+      this.isSubmitting = true;
+      const val = this.form.value;
+      const payload = {
+        ...val,
+        detectedOn: new Date(val.detectedOn).toISOString(),
+        linkedTransactions: val.linkedTransactions
+          ? val.linkedTransactions
+              .split(',')
+              .map((s: string) => s.trim())
+              .filter(Boolean)
+          : []
+      };
+
+      this.service.reportSuspect(payload).subscribe({
+        next: (res) => {
+          this.result = res;
+          this.isSubmitting = false;
+          this.snackBar.open('Suspect account reported successfully', 'OK', { duration: 4000 });
+        },
+        error: () => {
+          this.isSubmitting = false;
+          this.snackBar.open('Failed to report suspect account', 'OK', { duration: 4000 });
+        }
+      });
+    });
+  }
+
+  resetForm(): void {
+    this.form.reset({ bankIfsc: 'LINC0000001' });
+    this.result = null;
+  }
+}