refractor: self service module (#291)

* Refractor components.
* Improve responsiveness of components.
* Add task management component.
* Add users data resolver.
* Add relative router links.
* Replace mat-icons by font-awesome icons.
* Add comments.

Fixes #290

src/app/core/shell/breadcrumb/breadcrumb.component.ts

@@ -52,7 +52,7 @@ export class BreadcrumbComponent implements OnInit {
 
   /**
    * Generates the breadcrumbs.
-   * @param {ActivatedRoute} activatedRoute Activate Route.
+   * @param {ActivatedRoute} activatedRoute Activated Route.
    * @param {Router} router Router for navigation.
    */
   constructor(private activatedRoute: ActivatedRoute,

src/app/core/shell/shell.component.ts

@@ -56,6 +56,7 @@ export class ShellComponent implements OnInit, OnDestroy {
    */
   toggleCollapse($event: boolean) {
     this.sidenavCollapsed = $event;
+    this.cdr.detectChanges();
   }
 
   /**

src/app/core/shell/toolbar/toolbar.component.html

@@ -110,7 +110,7 @@
 <mat-menu #selfServiceMenu="matMenu" [overlapTrigger]="false">
   <button mat-menu-item [routerLink]="['/self-service/users']">User Management</button>
   <button mat-menu-item [routerLink]="['/self-service/app-configuration']">App Configuration</button>
-  <button mat-menu-item>Task Management</button>
+  <button mat-menu-item [routerLink]="['/self-service/task-management']">Task Management</button>
 </mat-menu>
 
 <!-- Application User Help Menu -->