Add travopti logo to header

frontend/src/app/app.component.html

@@ -2,7 +2,7 @@
   <button (click)="drawer.toggle()" *ngIf="isMobile" class="menu-btn" mat-icon-button>
     <mat-icon>menu</mat-icon>
   </button>
-  <h1 class="title">Travopti - Prototype</h1>
+  <img alt="Travopti logo" class="title" src="assets/logo.svg">
 </mat-toolbar>
 <mat-drawer-container autosize class="drawer">
   <mat-drawer #drawer [mode]="isMobile?'over':'side'" [opened]="!isMobile">
@@ -27,6 +27,3 @@
     </div>
   </mat-drawer-content>
 </mat-drawer-container>
-
-
-

frontend/src/app/app.component.scss

@@ -10,14 +10,15 @@
   display: flex;
   flex-flow: row;
   align-items: center;
+  height: 4rem;
 
   .menu-btn {
     margin-right: 1rem;
   }
 
   .title {
-    flex: 1 1 auto;
-    margin: 0;
+    flex: 0 1 auto;
+    height: 2.5rem;
   }
 }