upgrade and migrate

src/app/ui/main/main.component.html

@@ -1,6 +1,6 @@
 <mat-toolbar color="primary">
-  <a href="javascript:" mat-icon-button>
-    <mat-icon (click)="sidenav.toggle()">menu</mat-icon>
+  <a href="javascript:" mat-icon-button (click)="sidenav.toggle()">
+    <mat-icon>menu</mat-icon>
   </a>
   <mat-icon svgIcon="logo"></mat-icon>
   <span>
@@ -9,17 +9,17 @@
   <span class="spacer"></span>
   <ng-container>
 
-    <button mat-button [matMenuTriggerFor]="menu">
+    <a mat-button [matMenuTriggerFor]="menu">
       <mat-icon>settings</mat-icon>
       <mat-icon>arrow_drop_down</mat-icon>
-    </button>
+    </a>
     <mat-menu #menu="matMenu">
       <a *ngIf="!auth || auth && !auth.authenticated" routerLink="/login" routerLinkActive="active" mat-menu-item>
         <mat-icon>login</mat-icon> {{'login' | i18n}}
       </a>
       <mat-divider *ngIf="!auth || auth && !auth.authenticated"></mat-divider>
       <a *ngFor="let locale of locales" mat-menu-item (click)="setLocale(locale)">{{'locale.' + locale + '.long' |
-        i18n}} <mat-icon inline=true *ngIf="locale == currentLocale">done</mat-icon></a>
+        i18n}} <mat-icon *ngIf="locale == currentLocale">done</mat-icon></a>
       <a mat-menu-item>
         <mat-slide-toggle (change)="darkThemeChange($event)" [checked]="darkTheme  == 'true'">
           {{'profileField.name.darkTheme' | i18n}}