remove place-holder toolbar and add vertical logo to header

src/app/header/header.component.html

@@ -1,11 +1,6 @@
-<mat-toolbar color="primary">
+<div
-  <span>Sartography</span>
+  class="welcome"
-
+  fxLayoutAlign="center center"
-  <!-- This fills the remaining space of the current row -->
+>
-  <span class="fill-remaining-space"></span>
+    <img src="../../assets/logo/Sartography-Logo-Vertical.svg">
-
+</div>
-  <span>Where are we?
-    <mat-icon color="accent">build</mat-icon>
-    <mat-icon color="warn">bug_report</mat-icon>
-  </span>
-</mat-toolbar>

src/app/header/header.component.scss

@@ -1,5 +1,4 @@
-.fill-remaining-space {
+.welcome {
-  /* This fills the remaining space, by using flexbox.
+  background-color: #ffffff;
-     Every toolbar row uses a flexbox row layout. */
+  padding: 5%;
-  flex: 1 1 auto;
 }