[frontend] Make toolbar fixed and add shadow

kibicara-frontend/src/app/app.component.html

@@ -1,2 +1,4 @@
 <app-toolbar></app-toolbar>
-<router-outlet></router-outlet>
+<div class="content">
+  <router-outlet></router-outlet>
+</div>

kibicara-frontend/src/app/app.component.scss

@@ -0,0 +1,3 @@
+.content {
+  margin-top: 64px;
+}

kibicara-frontend/src/app/shared/toolbar/toolbar.component.html

@@ -1,4 +1,4 @@
-<mat-toolbar color="primary">
+<mat-toolbar class="toolbar mat-elevation-z3" color="primary">
   <a mat-button [routerLink]="['/']" routerLinkActive="router-link-active"
     >Kibicara</a
   >

kibicara-frontend/src/app/shared/toolbar/toolbar.component.scss

@@ -14,3 +14,13 @@
     display: initial;
   }
 }
+
+.toolbar {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  z-index: 1000;
+  min-height: 64px;
+  max-height: 64px;
+}