feat: add app shell (angular-material)

Add app shell built using angular-material and flex-layout. Refractor
code due to configuration changes.

Fixes #52

src/app/about/about-routing.module.ts

@@ -1,12 +1,16 @@
 import { NgModule } from '@angular/core';
 import { Routes, RouterModule } from '@angular/router';
 
-import { Route, extract } from '../../app/core';
+import { Route, extract } from '../core';
 import { AboutComponent } from './about.component';
 
 const routes: Routes = [
   Route.withShell([
-    { path: 'about', component: AboutComponent, data: { title: extract('About') } }
+    {
+      path: 'about',
+      component: AboutComponent,
+      data: { title: extract('About') }
+    }
   ])
 ];
 

src/app/about/about.component.html

@@ -1,10 +1,10 @@
-<div class="container-fluid">
-  <div class="jumbotron text-center">
+<div>
+  <div>
     <h1>
       <span translate>APP_NAME</span>
     </h1>
     <p>
-      <i class="far fa-bookmark"></i> <span translate>Version</span> {{version}}
+      <span translate>Version</span>{{version}}
     </p>
   </div>
 </div>

src/app/about/about.component.ts

@@ -3,7 +3,7 @@ import { Component, OnInit } from '@angular/core';
 import { environment } from '../../environments/environment';
 
 @Component({
-  selector: 'app-about',
+  selector: 'mifosx-about',
   templateUrl: './about.component.html',
   styleUrls: ['./about.component.scss']
 })

src/app/about/about.module.ts

@@ -1,5 +1,6 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
+
 import { TranslateModule } from '@ngx-translate/core';
 
 import { AboutRoutingModule } from './about-routing.module';