Catch user resolver error

web-app/src/app/authentication/user.resolver.ts

@@ -1,6 +1,6 @@
 import { Injectable } from "@angular/core";
 import { ActivatedRouteSnapshot, Resolve, RouterStateSnapshot } from "@angular/router";
-import { Observable } from "rxjs";
+import { Observable, catchError, of } from "rxjs";
 import { Api } from "../api/api.entity";
 import { UserService } from "../user/user.service";
 
@@ -12,6 +12,8 @@ export class UserResolver implements Resolve<any> {
     route: ActivatedRouteSnapshot,
     state: RouterStateSnapshot
   ): Observable<Api> {
-    return this.service.getMyself()
+    return this.service.getMyself().pipe(
+      catchError(() => { return of(null); })
+    )
   }
 }

web-app/src/app/user/profile/profile.component.scss

@@ -1,19 +1,4 @@
 // Custom Theming for Angular Material
-@use '@angular/material' as mat;
-@import "variables.scss";
-@import '@mat-datetimepicker/core/datetimepicker/datetimepicker-theme.scss';
-
-.error-theme {
-  $primary: mat.define-palette(mat.$red-palette);
-  $theme: mat.define-light-theme($primary, $primary, $primary);
-
-  @include mat.core-theme($theme);
-  @include mat.all-component-colors($theme);
-  @include mat.all-component-themes($theme);
-  @include mat.all-component-typographies($theme);
-  @include mat.all-component-themes($theme);
-}
-
 mat-form-field {
   width: 100%;
   margin-bottom: 8px;