WEB-269: Loan product deferred income stepper (#2593)

merging as it was reviewed from Adam.

src/app/shared/steppers/stepper-buttons/stepper-buttons.component.html

@@ -1,8 +1,10 @@
 <div class="flex-fill layout-row layout-align-center margin-t gap-2percent layout-xs-column">
-  <button matButton="elevated" matStepperPrevious [disabled]="disablePrevious">
+  <button mat-raised-button matStepperPrevious [disabled]="disablePrevious">
+    <fa-icon icon="arrow-left" class="m-r-10"></fa-icon>
     {{ 'labels.buttons.Previous' | translate }}
   </button>
-  <button matButton="elevated" matStepperNext [disabled]="disableNext">
+  <button mat-raised-button matStepperNext [disabled]="disableNext">
     {{ 'labels.buttons.Next' | translate }}
+    <fa-icon icon="arrow-right" class="m-l-10"></fa-icon>
   </button>
 </div>

src/app/shared/steppers/stepper-buttons/stepper-buttons.component.ts

@@ -1,5 +1,6 @@
 import { Component, Input } from '@angular/core';
 import { MatStepperPrevious, MatStepperNext } from '@angular/material/stepper';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
 
 @Component({
@@ -8,6 +9,7 @@ import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
   styleUrls: ['./stepper-buttons.component.scss'],
   imports: [
     ...STANDALONE_SHARED_IMPORTS,
+    FaIconComponent,
     MatStepperPrevious,
     MatStepperNext
   ]