feat: add loans view page (#661)

- Add loan account page
- Add general tab
- Add account details tab

Fixes: #219

src/app/loans/loans.module.ts

@@ -1,13 +1,18 @@
 /** Angular Imports */
 import { NgModule } from '@angular/core';
-import { DatePipe} from '@angular/common';
+import { DatePipe } from '@angular/common';
+import { DirectivesModule } from '../directives/directives.module';
 
 /** Custom Modules */
 import { LoansRoutingModule } from './loans-routing.module';
 import { SharedModule } from 'app/shared/shared.module';
+import { PipesModule } from '../pipes/pipes.module';
 
 /** Custom Components */
 import { AddLoanChargeComponent } from './add-loan-charge/add-loan-charge.component';
+import { LoansViewComponent } from './loans-view/loans-view.component';
+import { GeneralTabComponent } from './loans-view/general-tab/general-tab.component';
+import { AccountDetailsComponent } from './loans-view/account-details/account-details.component';
 
 /**
  * Loans Module
@@ -15,12 +20,13 @@ import { AddLoanChargeComponent } from './add-loan-charge/add-loan-charge.compon
  * All components related to loan functions should be declared here.
  */
 @NgModule({
-  imports: [
-    SharedModule,
-    LoansRoutingModule
+  imports: [SharedModule, LoansRoutingModule, DirectivesModule, PipesModule],
+  declarations: [
+    AddLoanChargeComponent,
+    LoansViewComponent,
+    GeneralTabComponent,
+    AccountDetailsComponent,
   ],
-  declarations: [AddLoanChargeComponent],
-  providers: [DatePipe]
-
+  providers: [DatePipe],
 })
-export class LoansModule { }
+export class LoansModule {}