Feature: Lazy loading

Lazy loaded everything
TODO: The cash flow module when clicking on sub-links, it reloads the whole page, it needs to be diagnosed and fixed, this problem also exists in the other modules
TODO: Rename folders and modules such as account to accounts to match the url

overlord/src/app/account/account-list/account-list-datasource.ts

@@ -3,7 +3,7 @@ import { MatPaginator } from '@angular/material/paginator';
 import { MatSort } from '@angular/material/sort';
 import {map, tap} from 'rxjs/operators';
 import {merge, Observable, of as observableOf} from 'rxjs';
-import {Account} from '../account';
+import {Account} from '../../core/account';
 
 
 export class AccountListDataSource extends DataSource<Account> {

overlord/src/app/account/account-list/account-list.component.html

@@ -1,7 +1,7 @@
 <mat-card>
   <mat-card-title-group>
     <mat-card-title>Accounts</mat-card-title>
-    <a mat-button [routerLink]="['/Account']">
+    <a mat-button [routerLink]="['/accounts', 'new']">
       <mat-icon>add_box</mat-icon>
       Add
     </a>
@@ -21,7 +21,7 @@
       <ng-container matColumnDef="name">
         <mat-header-cell *matHeaderCellDef mat-sort-header>Name</mat-header-cell>
         <mat-cell *matCellDef="let row">
-          <a [routerLink]="['/Account', row.id]">
+          <a [routerLink]="['/accounts', row.id]">
             <mat-icon matSuffix *ngIf="row.isStarred" class="gold">star
             </mat-icon>
             {{row.name}}

overlord/src/app/account/account-list/account-list.component.ts

@@ -2,7 +2,7 @@ import {AfterViewInit, Component, ElementRef, OnInit, ViewChild} from '@angular/
 import { MatPaginator } from '@angular/material/paginator';
 import { MatSort } from '@angular/material/sort';
 import {AccountListDataSource} from './account-list-datasource';
-import {Account} from '../account';
+import {Account} from '../../core/account';
 import {ActivatedRoute} from '@angular/router';
 import {Observable} from 'rxjs';
 import {FormBuilder, FormGroup} from '@angular/forms';