merging code

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

src/app/home/home.component.html

@@ -11,18 +11,22 @@
   <div class="welcome-banner">
     <div class="welcome-left">
       <div class="welcome-greeting">
-        <h2>{{ 'labels.text.Welcome' | translate }}, <strong>{{ username }}</strong></h2>
+        <h2>
+          {{ 'labels.text.Welcome' | translate }}, <strong>{{ username }}</strong>
+        </h2>
         <p class="welcome-sub">{{ tenant | titlecase }} &middot; CBSNexora Core Banking Platform</p>
       </div>
     </div>
     <div class="welcome-right">
       <div #searchActivity class="search-box">
         <fa-icon icon="search" class="search-icon"></fa-icon>
-        <input matInput
+        <input
+          matInput
           placeholder="{{ 'labels.placeholders.Search Activity' | translate }}"
           [matAutocomplete]="activitySearch"
           [formControl]="searchText"
-          class="search-input" />
+          class="search-input"
+        />
         <mat-autocomplete #activitySearch="matAutocomplete">
           @for (activity of filteredActivities | async; track activity) {
             <mat-option [routerLink]="activity.path">
@@ -131,12 +135,20 @@
       {{ 'labels.buttons.Close' | translate }}
     </button>
     @if (prev) {
-      <button mat-raised-button color="primary" (click)="popover.close(); showPopover(prev.template, prev.target, 'bottom', true)">
+      <button
+        mat-raised-button
+        color="primary"
+        (click)="popover.close(); showPopover(prev.template, prev.target, 'bottom', true)"
+      >
         {{ 'labels.buttons.Back' | translate }}
       </button>
     }
     @if (next) {
-      <button mat-raised-button color="primary" (click)="popover.close(); showPopover(next.template, next.target, 'bottom', true)">
+      <button
+        mat-raised-button
+        color="primary"
+        (click)="popover.close(); showPopover(next.template, next.target, 'bottom', true)"
+      >
         {{ 'labels.buttons.Next' | translate }}
       </button>
     }
@@ -153,7 +165,11 @@
     <button mat-raised-button color="primary" (click)="popover.close(); previousStep()">
       {{ 'labels.buttons.Back' | translate }}
     </button>
-    <button mat-raised-button color="primary" (click)="popover.close(); showPopover(templateSearchActivity, searchActivity, 'top', true)">
+    <button
+      mat-raised-button
+      color="primary"
+      (click)="popover.close(); showPopover(templateSearchActivity, searchActivity, 'top', true)"
+    >
       {{ 'labels.buttons.Next' | translate }}
     </button>
   </div>
@@ -166,7 +182,11 @@
     <button mat-raised-button color="warn" (click)="popover.close(); configurationWizardService.closeConfigWizard()">
       {{ 'labels.buttons.Close' | translate }}
     </button>
-    <button mat-raised-button color="primary" (click)="popover.close(); showPopover(templateButtonDashboard, buttonDashboard, 'bottom', true)">
+    <button
+      mat-raised-button
+      color="primary"
+      (click)="popover.close(); showPopover(templateButtonDashboard, buttonDashboard, 'bottom', true)"
+    >
       {{ 'labels.buttons.Back' | translate }}
     </button>
     <button mat-raised-button color="primary" (click)="popover.close(); nextStep()">