refractor: shell (#287)

* Refractor components.
* Shift theme picker component to shared module.
* Shift progress bar service into its own folder.
* Add footer to app shell.
* Replace mat-icon by font-awesome icons.
* Fix sidenav visibility bug for handsets.
* Add comments.

Closes #286, Fixes #285

src/app/shared/icons.module.ts

@@ -5,25 +5,61 @@ import { NgModule } from '@angular/core';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 import { library } from '@fortawesome/fontawesome-svg-core';
 import {
+  faBars,
+  faBell,
+  faChartBar,
   faCheckCircle,
+  faChevronLeft,
+  faChevronRight,
+  faCog,
   faEye,
   faEyeSlash,
   faFileUpload,
+  faFillDrip,
+  faHome,
+  faLocationArrow,
   faLock,
+  faMoneyBillAlt,
+  faPlus,
   faSearch,
+  faShieldAlt,
+  faSignOutAlt,
+  faSitemap,
+  faSync,
+  faTachometerAlt,
+  faUniversity,
   faUserCircle,
+  faUsers,
   faUserShield
 } from '@fortawesome/free-solid-svg-icons';
 
 /** Add icons to the library for convenient access in other components. */
 library.add(
+  faBars,
+  faBell,
+  faChartBar,
   faCheckCircle,
+  faChevronLeft,
+  faChevronRight,
+  faCog,
   faEye,
   faEyeSlash,
   faFileUpload,
+  faFillDrip,
+  faHome,
+  faLocationArrow,
   faLock,
+  faMoneyBillAlt,
+  faPlus,
   faSearch,
+  faShieldAlt,
+  faSignOutAlt,
+  faSitemap,
+  faSync,
+  faTachometerAlt,
+  faUniversity,
   faUserCircle,
+  faUsers,
   faUserShield
 );