feat: add create loan product component (#434)

- Add loan product stepper components
- Add create loan product component
- Add charges penalty filter pipe
- Add charges filter pipe
- Add find pipe

Fixes: #188

src/app/shared/icons.module.ts

@@ -7,12 +7,15 @@ import { library } from '@fortawesome/fontawesome-svg-core';
 import {
   faAnchor,
   faArchive,
+  faArrowLeft,
+  faArrowRight,
   faBars,
   faBell,
   faBriefcase,
   faBuilding,
   faCalendar,
   faChartBar,
+  faCheck,
   faCheckCircle,
   faChevronDown,
   faChevronLeft,
@@ -26,6 +29,7 @@ import {
   faEdit,
   faEnvelope,
   faExclamationCircle,
+  faExclamationTriangle,
   faEye,
   faEyeSlash,
   faFileAlt,
@@ -44,6 +48,7 @@ import {
   faMinusCircle,
   faMoneyBillAlt,
   faMoneyCheck,
+  faPencilAlt,
   faPlay,
   faPlus,
   faPlusCircle,
@@ -77,12 +82,15 @@ import {
 library.add(
   faAnchor,
   faArchive,
+  faArrowLeft,
+  faArrowRight,
   faBars,
   faBell,
   faBriefcase,
   faBuilding,
   faCalendar,
   faChartBar,
+  faCheck,
   faCheckCircle,
   faChevronDown,
   faChevronLeft,
@@ -96,6 +104,7 @@ library.add(
   faEdit,
   faEnvelope,
   faExclamationCircle,
+  faExclamationTriangle,
   faEye,
   faEyeSlash,
   faFileAlt,
@@ -114,6 +123,7 @@ library.add(
   faMinusCircle,
   faMoneyBillAlt,
   faMoneyCheck,
+  faPencilAlt,
   faPlay,
   faPlus,
   faPlusCircle,

src/app/shared/material.module.ts

@@ -1,6 +1,7 @@
 /** Angular Imports */
 import { NgModule } from '@angular/core';
 import { LayoutModule } from '@angular/cdk/layout';
+import { STEPPER_GLOBAL_OPTIONS } from '@angular/cdk/stepper';
 import { FlexLayoutModule } from '@angular/flex-layout';
 import {
   MAT_FORM_FIELD_DEFAULT_OPTIONS,
@@ -86,6 +87,13 @@ import {
     {
       provide: MAT_FORM_FIELD_DEFAULT_OPTIONS,
       useValue: { appearance: 'standard' }
+    },
+    {
+      provide: STEPPER_GLOBAL_OPTIONS,
+      useValue: {
+        showError: true,
+        displayDefaultIndicatorType: false
+      }
     }
   ]
 })