feat(title): navigate root on title click

Author: marcjulian

src/app/components/header/header.component.html

@@ -3,7 +3,7 @@
     <ion-buttons slot="start">
       <ion-menu-button></ion-menu-button>
     </ion-buttons>
-    <ion-title>{{title}}</ion-title>
+    <ion-title (click)="onTitleClicked()">{{title}}</ion-title>
     <ion-buttons slot="end">
       <a id="github" href="https://github.com/fivethree-team/fivethree" target="blank">
         <ion-icon slot="icon-only" name="logo-github"></ion-icon>

src/app/components/header/header.component.scss

@@ -1,3 +1,7 @@
+ion-title {
+    cursor: pointer;
+}
+
 #github {
     color: var(--ion-color-light-contrast);
 } 

src/app/components/header/header.component.ts

@@ -1,3 +1,4 @@
+import { NavController } from '@ionic/angular';
 import { Component, OnInit, Input } from '@angular/core';
 
 @Component({
@@ -9,9 +10,13 @@ export class HeaderComponent implements OnInit {
 
   @Input() title = 'Fivethree';
 
-  constructor() { }
+  constructor(private navController: NavController) { }
 
   ngOnInit() {
   }
 
+  onTitleClicked() {
+    this.navController.navigateRoot('/');
+  }
+
 }