diff --git a/angular.json b/angular.json
index 6cf75b3..cd622ea 100644
--- a/angular.json
+++ b/angular.json
@@ -104,8 +104,8 @@
               "browserTarget": "dafa-web:build:production"
             },
             "api": {
-              "proxyConfig": "./config/proxy.conf.api.json",
-              "browserTarget": "dafa-web:build:api"
+              "browserTarget": "dafa-web:build:api",
+              "proxyConfig": "./config/proxy.conf.api.json"
             }
           }
         },
diff --git a/apps/dafa-web/src/app/app-routing.module.ts b/apps/dafa-web/src/app/app-routing.module.ts
index e3f4280..8d1e1f4 100644
--- a/apps/dafa-web/src/app/app-routing.module.ts
+++ b/apps/dafa-web/src/app/app-routing.module.ts
@@ -1,56 +1,60 @@
 import { NgModule } from '@angular/core';
 import { ExtraOptions, RouterModule, Routes } from '@angular/router';
 import { environment } from '@dafa-environment';
+import { AuthGuard } from '@dafa-guards/auth.guard';
 
 const routes: Routes = [
   {
     path: '',
     data: { title: '' },
     loadChildren: () => import('./pages/start/start.module').then(m => m.StartModule),
+    canActivate: [AuthGuard],
   },
   {
     path: 'administration',
     data: { title: 'Administration' },
     loadChildren: () => import('./pages/administration/administration.module').then(m => m.AdministrationModule),
+    canActivate: [AuthGuard],
   },
   {
     path: 'deltagare',
     data: { title: 'Deltagare' },
     loadChildren: () => import('./pages/participants/participants.module').then(m => m.ParticipantsModule),
+    canActivate: [AuthGuard],
   },
   {
     path: 'avrop',
     data: { title: 'Avrop' },
     loadChildren: () => import('./pages/avrop/avrop.module').then(m => m.AvropModule),
+    canActivate: [AuthGuard],
   },
   {
     path: 'meddelanden',
     data: { title: 'Meddelanden' },
     loadChildren: () => import('./pages/messages/messages.module').then(m => m.MessagesModule),
+    canActivate: [AuthGuard],
   },
   {
     path: 'statistik',
     data: { title: 'Statistik' },
     loadChildren: () => import('./pages/statistics/statistics.module').then(m => m.StatisticsModule),
+    canActivate: [AuthGuard],
   },
   {
     path: 'installningar',
     data: { title: 'Inställningar' },
     loadChildren: () => import('./pages/settings/settings.module').then(m => m.SettingsModule),
+    canActivate: [AuthGuard],
   },
   {
     path: 'releases',
     data: { title: 'Releases' },
     loadChildren: () => import('./pages/releases/releases.module').then(m => m.ReleasesModule),
-  },
-  {
-    path: 'ciam-landing',
-    data: { title: 'Ciam landing page' },
-    loadChildren: () => import('./pages/ciam-landing/ciam-landing.module').then(m => m.CiamLandingModule),
+    canActivate: [AuthGuard],
   },
   {
     path: 'logout',
-    data: { title: 'Ciam landing page' },
+    data: { title: 'Logga ut' },
     loadChildren: () => import('./pages/logout/logout.module').then(m => m.LogoutModule),
   },
 ];
@@ -67,6 +71,7 @@ routes.push({
   path: '**',
   data: { title: 'Sidan hittas inte' },
   loadChildren: () => import('./pages/page-not-found/page-not-found.module').then(m => m.PageNotFoundModule),
+  canActivate: [AuthGuard],
 });
 
 const options: ExtraOptions = {
diff --git a/apps/dafa-web/src/app/app.component.html b/apps/dafa-web/src/app/app.component.html
index c26b887..ea627a3 100644
--- a/apps/dafa-web/src/app/app.component.html
+++ b/apps/dafa-web/src/app/app.component.html
@@ -1,2 +1,3 @@
+<router-outlet></router-outlet>
 
-    <router-outlet></router-outlet>
+<dafa-toast-list></dafa-toast-list>
diff --git a/apps/dafa-web/src/app/app.component.spec.ts b/apps/dafa-web/src/app/app.component.spec.ts
index ba91f8b..7195d7e 100644
--- a/apps/dafa-web/src/app/app.component.spec.ts
+++ b/apps/dafa-web/src/app/app.component.spec.ts
@@ -3,16 +3,13 @@ import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { TestBed } from '@angular/core/testing';
 import { RouterTestingModule } from '@angular/router/testing';
 import { AppComponent } from './app.component';
-import { NavigationModule } from './components/navigation/navigation.module';
-import { SidebarModule } from './components/sidebar/sidebar.module';
-import { SkipToContentModule } from './components/skip-to-content/skip-to-content.module';
 
 describe('AppComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       schemas: [CUSTOM_ELEMENTS_SCHEMA],
       declarations: [AppComponent],
-      imports: [RouterTestingModule, HttpClientTestingModule, SkipToContentModule, NavigationModule, SidebarModule],
+      imports: [RouterTestingModule, HttpClientTestingModule],
     }).compileComponents();
   });
 
diff --git a/apps/dafa-web/src/app/app.component.ts b/apps/dafa-web/src/app/app.component.ts
index 2f19f01..4dc758e 100644
--- a/apps/dafa-web/src/app/app.component.ts
+++ b/apps/dafa-web/src/app/app.component.ts
@@ -6,6 +6,4 @@ import { ChangeDetectionStrategy, Component } from '@angular/core';
   styleUrls: ['./app.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class AppComponent {
-
-}
+export class AppComponent {}
diff --git a/apps/dafa-web/src/app/app.module.ts b/apps/dafa-web/src/app/app.module.ts
index ffcd494..8f8db09 100644
--- a/apps/dafa-web/src/app/app.module.ts
+++ b/apps/dafa-web/src/app/app.module.ts
@@ -1,42 +1,24 @@
-import { DigiNgNavigationBreadcrumbsModule } from '@af/digi-ng/_navigation/navigation-breadcrumbs';
-import { HTTP_INTERCEPTORS, HttpClient, HttpClientModule } from '@angular/common/http';
+import { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
 import { ErrorHandler, NgModule } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
-import { RouterModule } from '@angular/router';
+import { AuthGuard } from '@dafa-guards/auth.guard';
 import { CustomErrorHandler } from '@dafa-interceptors/custom-error-handler.module';
-import { MarkdownModule } from 'ngx-markdown';
+import { AuthInterceptor } from '@dafa-services/api/auth.interceptor';
 import { AppRoutingModule } from './app-routing.module';
 import { AppComponent } from './app.component';
-import { FooterModule } from './components/footer/footer.module';
-import { NavigationModule } from './components/navigation/navigation.module';
-import { SidebarModule } from './components/sidebar/sidebar.module';
-import { SkipToContentModule } from './components/skip-to-content/skip-to-content.module';
 import { ToastListModule } from './components/toast-list/toast-list.module';
-import { AuthInterceptor } from '@dafa-services/api/auth.interceptor';
 import { AvropModule } from './pages/avrop/avrop.module';
 
 @NgModule({
   declarations: [AppComponent],
-  imports: [
-    BrowserModule,
-    HttpClientModule,
-    AppRoutingModule,
-    RouterModule,
-    SkipToContentModule,
-    NavigationModule,
-    SidebarModule,
-    ToastListModule,
-    FooterModule,
-    MarkdownModule.forRoot({ loader: HttpClient }),
-    DigiNgNavigationBreadcrumbsModule,
-    AvropModule,
-  ],
+  imports: [BrowserModule, HttpClientModule, AppRoutingModule, ToastListModule, AvropModule],
   providers: [
     {
       provide: ErrorHandler,
       useClass: CustomErrorHandler,
     },
     { provide: HTTP_INTERCEPTORS, useClass: AuthInterceptor, multi: true },
+    AuthGuard,
   ],
   bootstrap: [AppComponent],
 })
diff --git a/apps/dafa-web/src/app/components/logged-in-shell/logged-in-shell.module.ts b/apps/dafa-web/src/app/components/logged-in-shell/logged-in-shell.module.ts
deleted file mode 100644
index 808e94e..0000000
--- a/apps/dafa-web/src/app/components/logged-in-shell/logged-in-shell.module.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { LoggedInShellComponent } from './logged-in-shell.component';
-import { SkipToContentModule } from '../skip-to-content/skip-to-content.module';
-import { NavigationModule } from '../navigation/navigation.module';
-import { SidebarModule } from '../sidebar/sidebar.module';
-import { DigiNgNavigationBreadcrumbsModule } from '@af/digi-ng/_navigation/navigation-breadcrumbs';
-import { FooterModule } from '../footer/footer.module';
-import { ToastListModule } from '../toast-list/toast-list.module';
-import { RouterModule } from '@angular/router';
-
-@NgModule({
-  imports: [
-    RouterModule,
-    CommonModule,
-    SkipToContentModule,
-    NavigationModule,
-    SidebarModule,
-    DigiNgNavigationBreadcrumbsModule,
-    FooterModule,
-    ToastListModule,
-  ],
-  declarations: [LoggedInShellComponent],
-  exports: [LoggedInShellComponent],
-})
-export class LoggedInShellModule {}
diff --git a/apps/dafa-web/src/app/data/models/authentication.model.ts b/apps/dafa-web/src/app/data/models/authentication.model.ts
index 8187b51..5629677 100644
--- a/apps/dafa-web/src/app/data/models/authentication.model.ts
+++ b/apps/dafa-web/src/app/data/models/authentication.model.ts
@@ -1,15 +1,9 @@
-
-
 export interface AuthenticationResult {
   idToken: string;
   expiresIn: number;
 }
 
 export interface AuthenticationApiResponse {
-  data: AuthenticationApiResponseData;
-}
-
-export interface AuthenticationApiResponseData {
   id: string;
   access_token: string;
   scope: string;
@@ -18,12 +12,10 @@ export interface AuthenticationApiResponseData {
   expires_in: number;
 }
 
-export function mapAuthApiResponseToAuthenticationResult(data: AuthenticationApiResponseData): AuthenticationResult {
-  const {
-    id_token,
-    expires_in } = data;
+export function mapAuthApiResponseToAuthenticationResult(data: AuthenticationApiResponse): AuthenticationResult {
+  const { id_token, expires_in } = data;
   return {
     idToken: id_token,
-    expiresIn: expires_in
+    expiresIn: expires_in,
   };
 }
diff --git a/apps/dafa-web/src/app/guards/auth.guard.ts b/apps/dafa-web/src/app/guards/auth.guard.ts
new file mode 100644
index 0000000..1a6ebd0
--- /dev/null
+++ b/apps/dafa-web/src/app/guards/auth.guard.ts
@@ -0,0 +1,30 @@
+import { Injectable } from '@angular/core';
+import { ActivatedRouteSnapshot, CanActivate, Router } from '@angular/router';
+import { environment } from '@dafa-environment';
+import { AuthenticationService } from '@dafa-services/api/authentication.service';
+import { Observable, of } from 'rxjs';
+import { map, switchMap } from 'rxjs/operators';
+
+@Injectable()
+export class AuthGuard implements CanActivate {
+  constructor(private authenticationService: AuthenticationService, private router: Router) {}
+
+  canActivate(route: ActivatedRouteSnapshot): Observable<boolean> {
+    return this.authenticationService.isLoggedIn$.pipe(
+      switchMap(loggedIn => {
+        if (loggedIn) {
+          return of(true);
+        } else if (route.queryParams.code) {
+          return this.authenticationService.login$(route.queryParams.code).pipe(map(result => !!result));
+        }
+
+        if (environment.environment === 'local') {
+          void this.router.navigateByUrl(environment.loginUrl);
+        } else {
+          document.location.href = `${environment.loginUrl}&client_id=${environment.clientId}&redirect_uri=${environment.redirectUri}`;
+        }
+        return of(false);
+      })
+    );
+  }
+}
diff --git a/apps/dafa-web/src/app/pages/administration/pages/employee-card/employee-card.component.html b/apps/dafa-web/src/app/pages/administration/pages/employee-card/employee-card.component.html
index 802374d..cb67d50 100644
--- a/apps/dafa-web/src/app/pages/administration/pages/employee-card/employee-card.component.html
+++ b/apps/dafa-web/src/app/pages/administration/pages/employee-card/employee-card.component.html
@@ -1,4 +1,4 @@
-<dafa-logged-in-shell>
+<dafa-layout>
   <section class="employee-card">
     <digi-typography *ngIf="detailedEmployeeData$ | async as detailedEmployeeData; else loadingRef">
       <div class="employee-card__editcontainer">
@@ -90,4 +90,4 @@
       <span class="dafa__a11y-sr-only">Info saknas</span>
     </dd>
   </ng-template>
-</dafa-logged-in-shell>
+</dafa-layout>
diff --git a/apps/dafa-web/src/app/pages/administration/pages/employee-card/employee-card.module.ts b/apps/dafa-web/src/app/pages/administration/pages/employee-card/employee-card.module.ts
index 48a0f03..456023e 100644
--- a/apps/dafa-web/src/app/pages/administration/pages/employee-card/employee-card.module.ts
+++ b/apps/dafa-web/src/app/pages/administration/pages/employee-card/employee-card.module.ts
@@ -3,10 +3,10 @@ import { DigiNgSkeletonBaseModule } from '@af/digi-ng/_skeleton/skeleton-base';
 import { CommonModule } from '@angular/common';
 import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
 import { RouterModule } from '@angular/router';
+import { HideTextModule } from '@dafa-shared/components/hide-text/hide-text.module';
+import { LayoutModule } from '@dafa-shared/components/layout/layout.module';
 import { LocalDatePipeModule } from '@dafa-shared/pipes/local-date/local-date.module';
 import { EmployeeCardComponent } from './employee-card.component';
-import { LoggedInShellModule } from '../../../../components/logged-in-shell/logged-in-shell.module';
-import { HideTextModule } from '@dafa-shared/components/hide-text/hide-text.module';
 
 @NgModule({
   schemas: [CUSTOM_ELEMENTS_SCHEMA],
@@ -14,11 +14,11 @@ import { HideTextModule } from '@dafa-shared/components/hide-text/hide-text.modu
   imports: [
     CommonModule,
     RouterModule.forChild([{ path: '', component: EmployeeCardComponent }]),
+    LayoutModule,
     DigiNgSkeletonBaseModule,
     DigiNgLayoutExpansionPanelModule,
     LocalDatePipeModule,
     HideTextModule,
-    LoggedInShellModule
   ],
 })
 export class EmployeeCardModule {}
diff --git a/apps/dafa-web/src/app/pages/administration/pages/employee-form/employee-form.component.html b/apps/dafa-web/src/app/pages/administration/pages/employee-form/employee-form.component.html
index 48811a8..0ebeedf 100644
--- a/apps/dafa-web/src/app/pages/administration/pages/employee-form/employee-form.component.html
+++ b/apps/dafa-web/src/app/pages/administration/pages/employee-form/employee-form.component.html
@@ -1,158 +1,164 @@
-<dafa-logged-in-shell>
+<dafa-layout>
   <section class="employee-form">
-  <digi-typography>
-    <h1>Skapa nytt konto</h1>
-    <p>
-      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam magna neque, interdum vel massa eget, condimentum
-      rutrum velit. Sed vitae ullamcorper sem. Aliquam malesuada nunc sed purus mollis scelerisque. Curabitur bibendum
-      leo quis ante porttitor tincidunt. Nam tincidunt imperdiet tortor eu suscipit. Maecenas ut dui est.
-    </p>
-  </digi-typography>
-  <form [formGroup]="formGroup" (ngSubmit)="submitForm()">
-    <digi-form-error-list
-      class="employee-form__error-list"
-      *ngIf="formGroup.invalid && submitted && formErrors.length"
-      af-heading="Felmeddelanden"
-    >
-      <a *ngFor="let error of formErrors" [routerLink]="" [fragment]="'employee-form-' + error.id">{{
-        error.message
-      }}</a>
-    </digi-form-error-list>
+    <digi-typography>
+      <h1>Skapa nytt konto</h1>
+      <p>
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam magna neque, interdum vel massa eget, condimentum
+        rutrum velit. Sed vitae ullamcorper sem. Aliquam malesuada nunc sed purus mollis scelerisque. Curabitur bibendum
+        leo quis ante porttitor tincidunt. Nam tincidunt imperdiet tortor eu suscipit. Maecenas ut dui est.
+      </p>
+    </digi-typography>
+    <form [formGroup]="formGroup" (ngSubmit)="submitForm()">
+      <digi-form-error-list
+        class="employee-form__error-list"
+        *ngIf="formGroup.invalid && submitted && formErrors.length"
+        af-heading="Felmeddelanden"
+      >
+        <a *ngFor="let error of formErrors" [routerLink]="" [fragment]="'employee-form-' + error.id">{{
+          error.message
+        }}</a>
+      </digi-form-error-list>
 
-    <div class="employee-form__block">
-      <digi-typography>
-        <h2>Personuppgifter</h2>
-      </digi-typography>
-      <digi-ng-form-input
-        afId="employee-form-firstName"
-        class="employee-form__input"
-        formControlName="firstName"
-        afLabel="Förnamn"
-        afInvalidMessage="Förnamn är obligatoriskt"
-        [afDisableValidStyle]="true"
-        [afInvalid]="firstNameControl.invalid && firstNameControl.dirty"
-      ></digi-ng-form-input>
-      <digi-ng-form-input
-        afId="employee-form-lastName"
-        class="employee-form__input"
-        formControlName="lastName"
-        afLabel="Efternamn"
-        afInvalidMessage="Efternamn är obligatoriskt"
-        [afDisableValidStyle]="true"
-        [afInvalid]="lastNameControl.invalid && lastNameControl.dirty"
-      ></digi-ng-form-input>
-      <digi-ng-form-input
-        afId="employee-form-ssn"
-        class="employee-form__input"
-        formControlName="ssn"
-        afLabel="Personnummer"
-        [afInvalidMessage]="ssnControl.errors?.message || ''"
-        [afDisableValidStyle]="true"
-        [afInvalid]="ssnControl.invalid && ssnControl.dirty"
-      ></digi-ng-form-input>
-    </div>
-    <div class="employee-form__block" *ngIf="services$ | async as services">
-      <fieldset class="employee-form__fieldset">
+      <div class="employee-form__block">
         <digi-typography>
-          <legend>Tjänster</legend>
+          <h2>Personuppgifter</h2>
         </digi-typography>
+        <digi-ng-form-input
+          afId="employee-form-firstName"
+          class="employee-form__input"
+          formControlName="firstName"
+          afLabel="Förnamn"
+          afInvalidMessage="Förnamn är obligatoriskt"
+          [afDisableValidStyle]="true"
+          [afInvalid]="firstNameControl.invalid && firstNameControl.dirty"
+        ></digi-ng-form-input>
+        <digi-ng-form-input
+          afId="employee-form-lastName"
+          class="employee-form__input"
+          formControlName="lastName"
+          afLabel="Efternamn"
+          afInvalidMessage="Efternamn är obligatoriskt"
+          [afDisableValidStyle]="true"
+          [afInvalid]="lastNameControl.invalid && lastNameControl.dirty"
+        ></digi-ng-form-input>
+        <digi-ng-form-input
+          afId="employee-form-ssn"
+          class="employee-form__input"
+          formControlName="ssn"
+          afLabel="Personnummer"
+          [afInvalidMessage]="ssnControl.errors?.message || ''"
+          [afDisableValidStyle]="true"
+          [afInvalid]="ssnControl.invalid && ssnControl.dirty"
+        ></digi-ng-form-input>
+      </div>
+      <div class="employee-form__block" *ngIf="services$ | async as services">
+        <fieldset class="employee-form__fieldset">
+          <digi-typography>
+            <legend>Tjänster</legend>
+          </digi-typography>
 
-        <ul class="employee-form__services">
-          <li *ngFor="let service of services; let first = first" class="employee-form__service-item">
-            <digi-form-checkbox
-              [afId]="(first && 'employee-form-services') || undefined"
-              af-variation="primary"
-              [afValidation]="servicesControl.invalid && servicesControl.dirty && 'error'"
-              [afLabel]="service.name"
-              [afValue]="service.id"
-              [afChecked]="servicesControl.value.includes(service)"
-              (afOnChange)="toggleService(service, $event.detail.target.checked)"
-            ></digi-form-checkbox>
-          </li>
-        </ul>
-        <digi-form-validation-message
-          class="employee-form__validation-message"
-          *ngIf="servicesControl.invalid && servicesControl.dirty"
-          af-variation="error"
+          <ul class="employee-form__services">
+            <li *ngFor="let service of services; let first = first" class="employee-form__service-item">
+              <digi-form-checkbox
+                [afId]="(first && 'employee-form-services') || undefined"
+                af-variation="primary"
+                [afValidation]="servicesControl.invalid && servicesControl.dirty && 'error'"
+                [afLabel]="service.name"
+                [afValue]="service.id"
+                [afChecked]="servicesControl.value.includes(service)"
+                (afOnChange)="toggleService(service, $event.detail.target.checked)"
+              ></digi-form-checkbox>
+            </li>
+          </ul>
+          <digi-form-validation-message
+            class="employee-form__validation-message"
+            *ngIf="servicesControl.invalid && servicesControl.dirty"
+            af-variation="error"
+          >
+            {{ servicesControl.errors.message }}
+          </digi-form-validation-message>
+        </fieldset>
+      </div>
+
+      <div class="employee-form__block" *ngIf="authorizations$ | async as authorizations">
+        <fieldset class="employee-form__fieldset">
+          <digi-typography>
+            <legend>Tilldela behörigheter</legend>
+          </digi-typography>
+
+          <ul class="employee-form__authorizations">
+            <li
+              *ngFor="let authorization of authorizations; let first = first"
+              class="employee-form__authorization-item"
+            >
+              <digi-form-checkbox
+                class="employee-form__digi-checkbox"
+                [afId]="(first && 'employee-form-authorizations') || undefined"
+                af-variation="primary"
+                [afValidation]="authorizationsControl.invalid && authorizationsControl.dirty && 'error'"
+                [afLabel]="authorization.name"
+                [afValue]="authorization.id"
+                [afChecked]="authorizationsControl.value.includes(authorization)"
+                (afOnChange)="toggleAuthorization(authorization, $event.detail.target.checked)"
+              ></digi-form-checkbox>
+              <digi-button
+                af-variation="secondary"
+                [afAriaLabel]="'Läs mer om ' + authorization.name"
+                af-size="s"
+                class="employee-form__read-more"
+                (afOnClick)="openDialog(true, authorization.name)"
+              >
+                Läs mer
+              </digi-button>
+            </li>
+          </ul>
+          <digi-form-validation-message
+            class="employee-form__validation-message"
+            *ngIf="authorizationsControl.invalid && authorizationsControl.dirty"
+            af-variation="error"
+          >
+            {{ authorizationsControl.errors.message }}
+          </digi-form-validation-message>
+        </fieldset>
+      </div>
+
+      <div class="employee-form__footer">
+        <digi-button af-type="reset" af-variation="secondary" (afOnClick)="resetForm($event.detail)"
+          >Avbryt</digi-button
         >
-          {{ servicesControl.errors.message }}
-        </digi-form-validation-message>
-      </fieldset>
-    </div>
+        <digi-button af-type="submit">Registrera konto</digi-button>
+      </div>
 
-    <div class="employee-form__block" *ngIf="authorizations$ | async as authorizations">
-      <fieldset class="employee-form__fieldset">
-        <digi-typography>
-          <legend>Tilldela behörigheter</legend>
-        </digi-typography>
+      <!-- Modal/ Dialog window -->
+      <digi-ng-dialog
+        [afActive]="toggleDialog"
+        (afOnInactive)="openDialog(false)"
+        (afOnPrimaryClick)="openDialog(false)"
+        [afHeading]="modalAuthInfo.name"
+        afHeadingLevel="h3"
+        afPrimaryButtonText="Stäng"
+      >
+        <p>
+          Behörigheten passar personer som arbetar nära deltagare. Behörigheten kan användas av exempelvis handledare,
+          coacher, studie- och yrkesvägledare, lärare eller annan roll som behöver kunna se information om deltager,
+          kontakta deltagare, planera aktiviteter med deltagre och hantera rapporter för deltagre.
+        </p>
 
-        <ul class="employee-form__authorizations">
-          <li *ngFor="let authorization of authorizations; let first = first" 
-              class="employee-form__authorization-item">
-            <digi-form-checkbox
-              class="employee-form__digi-checkbox"
-              [afId]="(first && 'employee-form-authorizations') || undefined"
-              af-variation="primary"
-              [afValidation]="authorizationsControl.invalid && authorizationsControl.dirty && 'error'"
-              [afLabel]="authorization.name"
-              [afValue]="authorization.id"
-              [afChecked]="authorizationsControl.value.includes(authorization)"
-              (afOnChange)="toggleAuthorization(authorization, $event.detail.target.checked)"
-            ></digi-form-checkbox>
-            <digi-button af-variation="secondary" [afAriaLabel]="'Läs mer om ' + authorization.name"
-                          af-size="s" class="employee-form__read-more"
-                          (afOnClick)="openDialog(true, authorization.name)">
-              Läs mer
-            </digi-button>
-          </li>
-        </ul>
-        <digi-form-validation-message
-          class="employee-form__validation-message"
-          *ngIf="authorizationsControl.invalid && authorizationsControl.dirty"
-          af-variation="error"
-        >
-          {{ authorizationsControl.errors.message }}
-        </digi-form-validation-message>
-      </fieldset>
-    </div>
+        <p>Behörigheten ger tillgång till och utföra aktiviteter i följande funktioner i systemet:</p>
 
-    <div class="employee-form__footer">
-      <digi-button af-type="reset" af-variation="secondary" (afOnClick)="resetForm($event.detail)">Avbryt</digi-button>
-      <digi-button af-type="submit">Registrera konto</digi-button>
-    </div>
-
-    <!-- Modal/ Dialog window -->
-    <digi-ng-dialog 
-            [afActive]="toggleDialog"
-            (afOnInactive)="openDialog(false)"
-            (afOnPrimaryClick)="openDialog(false)"
-            [afHeading]="modalAuthInfo.name"
-            afHeadingLevel="h3"
-            afPrimaryButtonText="Stäng">
-      <p>
-        Behörigheten passar personer som arbetar nära deltagare. 
-        Behörigheten kan användas av exempelvis handledare, coacher, studie- och yrkesvägledare, 
-        lärare eller annan roll som behöver kunna se information om deltager, kontakta deltagare, 
-        planera aktiviteter med deltagre och hantera rapporter för deltagre.
-      </p>
-
-      <p>
-        Behörigheten ger tillgång till och utföra aktiviteter i följande funktioner i systemet:
-      </p>
-
-      <p>
-        - Deltagarlista <br/>
-        - Information om deltagare <br/>
-        - Resultatrapporter <br/>
-        - Slutredovisning <br/>
-        - Informativ rapport <br/>
-        - Skicka välkomstbrev * <br/>
-        - Planera deltagares aktiviteter <br/>
-        - Deltagares schema <br/>
-        - Avvikelserapporter <br/>
-        - Närvaro- och frånvarorapporter <br/><br/>
-      </p>
-    </digi-ng-dialog>
-  </form>
-</section>
-</dafa-logged-in-shell>
+        <p>
+          - Deltagarlista <br />
+          - Information om deltagare <br />
+          - Resultatrapporter <br />
+          - Slutredovisning <br />
+          - Informativ rapport <br />
+          - Skicka välkomstbrev * <br />
+          - Planera deltagares aktiviteter <br />
+          - Deltagares schema <br />
+          - Avvikelserapporter <br />
+          - Närvaro- och frånvarorapporter <br /><br />
+        </p>
+      </digi-ng-dialog>
+    </form>
+  </section>
+</dafa-layout>
diff --git a/apps/dafa-web/src/app/pages/administration/pages/employee-form/employee-form.module.ts b/apps/dafa-web/src/app/pages/administration/pages/employee-form/employee-form.module.ts
index 323ea66..adf1668 100644
--- a/apps/dafa-web/src/app/pages/administration/pages/employee-form/employee-form.module.ts
+++ b/apps/dafa-web/src/app/pages/administration/pages/employee-form/employee-form.module.ts
@@ -1,3 +1,4 @@
+import { DigiNgDialogModule } from '@af/digi-ng/_dialog/dialog';
 import { DigiNgFormCheckboxModule } from '@af/digi-ng/_form/form-checkbox';
 import { DigiNgFormDatepickerModule } from '@af/digi-ng/_form/form-datepicker';
 import { DigiNgFormInputModule } from '@af/digi-ng/_form/form-input';
@@ -8,10 +9,9 @@ import { CommonModule } from '@angular/common';
 import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
 import { ReactiveFormsModule } from '@angular/forms';
 import { RouterModule } from '@angular/router';
+import { LayoutModule } from '@dafa-shared/components/layout/layout.module';
 import { LocalDatePipeModule } from '@dafa-shared/pipes/local-date/local-date.module';
 import { EmployeeFormComponent } from './employee-form.component';
-import { DigiNgDialogModule } from '@af/digi-ng/_dialog/dialog';
-import { LoggedInShellModule } from '../../../../components/logged-in-shell/logged-in-shell.module';
 
 @NgModule({
   schemas: [CUSTOM_ELEMENTS_SCHEMA],
@@ -19,6 +19,7 @@ import { LoggedInShellModule } from '../../../../components/logged-in-shell/logg
   imports: [
     CommonModule,
     RouterModule.forChild([{ path: '', component: EmployeeFormComponent }]),
+    LayoutModule,
     ReactiveFormsModule,
     LocalDatePipeModule,
     DigiNgFormInputModule,
@@ -28,7 +29,6 @@ import { LoggedInShellModule } from '../../../../components/logged-in-shell/logg
     DigiNgPopoverModule,
     DigiNgFormCheckboxModule,
     DigiNgDialogModule,
-    LoggedInShellModule
-  ]
+  ],
 })
 export class EmployeeFormModule {}
diff --git a/apps/dafa-web/src/app/pages/administration/pages/employees/components/employees-list/employees-list.component.html b/apps/dafa-web/src/app/pages/administration/pages/employees/components/employees-list/employees-list.component.html
index 913239a..caaefb6 100644
--- a/apps/dafa-web/src/app/pages/administration/pages/employees/components/employees-list/employees-list.component.html
+++ b/apps/dafa-web/src/app/pages/administration/pages/employees/components/employees-list/employees-list.component.html
@@ -4,9 +4,13 @@
       <thead>
         <tr>
           <th scope="col" class="employees-list__column-head" *ngFor="let column of columnHeaders">
-            <button class="employees-list__sort-button" [id]="'sort-button-' + column" (click)="handleSort(column.key)">
+            <button
+              class="employees-list__sort-button"
+              [attr.id]="'sort-button-' + column.key"
+              (click)="handleSort(column.key)"
+            >
               {{column.label}}
-              <ng-container *ngIf="sort.key === column">
+              <ng-container *ngIf="sort.key === column.key">
                 <digi-icon-caret-up
                   class="employees-list__sort-icon"
                   *ngIf="sort.order === orderType.ASC"
diff --git a/apps/dafa-web/src/app/pages/administration/pages/employees/employees.component.html b/apps/dafa-web/src/app/pages/administration/pages/employees/employees.component.html
index 0096617..9e9e81a 100644
--- a/apps/dafa-web/src/app/pages/administration/pages/employees/employees.component.html
+++ b/apps/dafa-web/src/app/pages/administration/pages/employees/employees.component.html
@@ -1,4 +1,4 @@
-<dafa-logged-in-shell>
+<dafa-layout>
   <section class="employees">
     <digi-typography>
       <h1>Personal</h1>
@@ -37,4 +37,4 @@
       <digi-ng-skeleton-base [afCount]="3" afText="Laddar personal"></digi-ng-skeleton-base>
     </ng-template>
   </section>
-</dafa-logged-in-shell>
+</dafa-layout>
diff --git a/apps/dafa-web/src/app/pages/administration/pages/employees/employees.module.ts b/apps/dafa-web/src/app/pages/administration/pages/employees/employees.module.ts
index a8f0b64..af522f5 100644
--- a/apps/dafa-web/src/app/pages/administration/pages/employees/employees.module.ts
+++ b/apps/dafa-web/src/app/pages/administration/pages/employees/employees.module.ts
@@ -5,9 +5,9 @@ import { CommonModule } from '@angular/common';
 import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { RouterModule } from '@angular/router';
+import { LayoutModule } from '@dafa-shared/components/layout/layout.module';
 import { EmployeesListModule } from './components/employees-list/employees-list.module';
 import { EmployeesComponent } from './employees.component';
-import { LoggedInShellModule } from '../../../../components/logged-in-shell/logged-in-shell.module';
 
 @NgModule({
   schemas: [CUSTOM_ELEMENTS_SCHEMA],
@@ -15,12 +15,12 @@ import { LoggedInShellModule } from '../../../../components/logged-in-shell/logg
   imports: [
     CommonModule,
     RouterModule.forChild([{ path: '', component: EmployeesComponent }]),
+    LayoutModule,
     DigiNgLinkInternalModule,
     DigiNgSkeletonBaseModule,
     EmployeesListModule,
     DigiNgLinkButtonModule,
     FormsModule,
-    LoggedInShellModule
-  ]
+  ],
 })
 export class EmployeesModule {}
diff --git a/apps/dafa-web/src/app/pages/avrop/avrop.component.html b/apps/dafa-web/src/app/pages/avrop/avrop.component.html
index 994afea..9f5c8df 100644
--- a/apps/dafa-web/src/app/pages/avrop/avrop.component.html
+++ b/apps/dafa-web/src/app/pages/avrop/avrop.component.html
@@ -1,22 +1,16 @@
-<dafa-logged-in-shell>
-  <section class="call-off" *ngIf="currentStep$ | async; let currentStep; else loadingRef">
+<dafa-layout>
+  <section class="call-off" *ngIf="currentStep$ | async; let currentStep; else: loadingRef">
     <digi-typography>
       <h2>Välj deltagare att tilldela</h2>
       <p>Steg {{ currentStep }} av {{ steps }}:</p>
     </digi-typography>
-    <digi-ng-progress-progressbar
-      [afSteps]="steps"
-      afAriaLabel="An aria label"
-      [afActiveStep]="currentStep">
+    <digi-ng-progress-progressbar [afSteps]="steps" afAriaLabel="An aria label" [afActiveStep]="currentStep">
     </digi-ng-progress-progressbar>
 
-    <div class="" style="height:300px; padding: 30px 0;">
+    <div class="" style="height: 300px; padding: 30px 0">
       <ng-container *ngIf="currentStep == 4">
         <h2>Avropet är sparat</h2>
-        <digi-button
-          af-size="m"
-          class="employee-form__read-more"
-          (afOnClick)="goToStep1()">
+        <digi-button af-size="m" class="employee-form__read-more" (afOnClick)="goToStep1()">
           Tillbaka till nya deltagare
         </digi-button>
       </ng-container>
@@ -28,83 +22,77 @@
         <h2>Vänligen bekräfta</h2>
       </ng-container>
       <ng-container *ngIf="currentStep < 4">
-      <dafa-avrop-table
-        [selectableDeltagareList]="selectableDeltagareList$ | async"
-        [selectedDeltagareListInput]="selectedDeltagareList$ | async"
-        [isLocked]="deltagareListIsLocked$ | async"
-        (changedSelectedDeltagareList)="updateSelectedDeltagareList($event)"
-        [handledare]="selectedHandledare$ | async"
-        [handledareConfirmed]="handledareConfirmed$ | async"
-      ></dafa-avrop-table>
+        <dafa-avrop-table
+          [selectableDeltagareList]="selectableDeltagareList$ | async"
+          [selectedDeltagareListInput]="selectedDeltagareList$ | async"
+          [isLocked]="deltagareListIsLocked$ | async"
+          (changedSelectedDeltagareList)="updateSelectedDeltagareList($event)"
+          [handledare]="selectedHandledare$ | async"
+          [handledareConfirmed]="handledareConfirmed$ | async"
+        ></dafa-avrop-table>
       </ng-container>
 
       <ng-container *ngIf="currentStep == 1">
-        <digi-button
-          af-size="m"
-          class="employee-form__read-more"
-          (afOnClick)="lockSelectedDeltagare()">
+        <digi-button af-size="m" class="employee-form__read-more" (afOnClick)="lockSelectedDeltagare()">
           Lås deltagare
         </digi-button>
       </ng-container>
 
       <ng-container *ngIf="currentStep == 2">
         <h2>Välj handledare</h2>
-        <ng-container *ngIf="selectableHandledareList$ | async; let selectableHandledareList; else loadingRefSmall">
-          <select [value]="(selectedHandledare$ | async)?.id ? (selectedHandledare$ | async)?.id : ''" (change)="changeHandledare($event)">
-            <option disabled value="" >Välj handledare</option>
+        <ng-container *ngIf="selectableHandledareList$ | async; let selectableHandledareList; else: loadingRefSmall">
+          <select
+            [value]="(selectedHandledare$ | async)?.id ? (selectedHandledare$ | async)?.id : ''"
+            (change)="changeHandledare($event)"
+          >
+            <option disabled value="">Välj handledare</option>
 
-            <option
-              *ngFor="let selectableHandledare of selectableHandledareList"
-              [value]="selectableHandledare?.id"
-            >{{selectableHandledare?.fullName}}</option>
+            <option *ngFor="let selectableHandledare of selectableHandledareList" [value]="selectableHandledare?.id">
+              {{ selectableHandledare?.fullName }}
+            </option>
           </select>
 
-          <span *ngIf="selectableHandledareList.length === 0">Inga handledare har behörighet till alla markerade deltagare</span>
+          <span *ngIf="selectableHandledareList.length === 0"
+            >Inga handledare har behörighet till alla markerade deltagare</span
+          >
         </ng-container>
 
-
-        <br><br>
-        <digi-button af-variation="secondary"
-                     af-size="m"
-                     class="employee-form__read-more"
-                     (afOnClick)="unlockSelectedDeltagare()">
-          Tillbaka
-        </digi-button>
+        <br /><br />
         <digi-button
+          af-variation="secondary"
           af-size="m"
           class="employee-form__read-more"
-          (afOnClick)="confirmHandledare()">
+          (afOnClick)="unlockSelectedDeltagare()"
+        >
+          Tillbaka
+        </digi-button>
+        <digi-button af-size="m" class="employee-form__read-more" (afOnClick)="confirmHandledare()">
           Tilldela
         </digi-button>
       </ng-container>
 
       <div *ngIf="currentStep == 3">
-        <br><br>
-        <digi-button af-variation="secondary"
-                     af-size="m"
-                     class="employee-form__read-more"
-                     (afOnClick)="unconfirmHandledare()">
-          Tillbaka
-        </digi-button>
+        <br /><br />
         <digi-button
+          af-variation="secondary"
           af-size="m"
           class="employee-form__read-more"
-          (afOnClick)="save()">
-          Spara avrop
+          (afOnClick)="unconfirmHandledare()"
+        >
+          Tillbaka
         </digi-button>
+        <digi-button af-size="m" class="employee-form__read-more" (afOnClick)="save()"> Spara avrop </digi-button>
       </div>
     </div>
   </section>
-</dafa-logged-in-shell>
 
+  <ng-template #loadingRef>
+    <digi-ng-skeleton-base [afCount]="3" afText="Laddar personal"></digi-ng-skeleton-base>
+  </ng-template>
 
-<ng-template #loadingRef>
-  <digi-ng-skeleton-base [afCount]="3" afText="Laddar personal"></digi-ng-skeleton-base>
-</ng-template>
+  <ng-template #loadingRefSmall>
+    <digi-icon-spinner af-title="Laddar innehåll"></digi-icon-spinner>
+  </ng-template>
 
-<ng-template #loadingRefSmall>
-  <digi-icon-spinner af-title="Laddar innehåll"></digi-icon-spinner>
-</ng-template>
-
-
-<hr>
+  <hr />
+</dafa-layout>
diff --git a/apps/dafa-web/src/app/pages/avrop/avrop.module.ts b/apps/dafa-web/src/app/pages/avrop/avrop.module.ts
index 7e787e8..5a92698 100644
--- a/apps/dafa-web/src/app/pages/avrop/avrop.module.ts
+++ b/apps/dafa-web/src/app/pages/avrop/avrop.module.ts
@@ -1,22 +1,28 @@
+import { DigiNgProgressProgressbarModule } from '@af/digi-ng/_progress/progressbar';
+import { DigiNgSkeletonBaseModule } from '@af/digi-ng/_skeleton/skeleton-base';
 import { CommonModule } from '@angular/common';
 import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
 import { RouterModule } from '@angular/router';
-import { AvropComponent } from './avrop.component';
-import { LoggedInShellModule } from '../../components/logged-in-shell/logged-in-shell.module';
-import { DigiNgProgressProgressbarModule } from '@af/digi-ng/_progress/progressbar';
+import { LayoutModule } from '@dafa-shared/components/layout/layout.module';
 import { AvropFiltersComponent } from './avrop-filters/avrop-filters.component';
-import { AvropTableComponent } from './avrop-table/avrop-table.component';
-import { AvropTableRowComponent } from './avrop-table/avrop-table-row/avrop-table-row.component';
-import { DigiNgSkeletonBaseModule } from '@af/digi-ng/_skeleton/skeleton-base';
 import { TemporaryFilterComponent } from './avrop-filters/temporary-filter/temporary-filter.component';
+import { AvropTableRowComponent } from './avrop-table/avrop-table-row/avrop-table-row.component';
+import { AvropTableComponent } from './avrop-table/avrop-table.component';
+import { AvropComponent } from './avrop.component';
 
 @NgModule({
   schemas: [CUSTOM_ELEMENTS_SCHEMA],
-  declarations: [AvropComponent, AvropFiltersComponent, AvropTableComponent, AvropTableRowComponent, TemporaryFilterComponent],
+  declarations: [
+    AvropComponent,
+    AvropFiltersComponent,
+    AvropTableComponent,
+    AvropTableRowComponent,
+    TemporaryFilterComponent,
+  ],
   imports: [
     CommonModule,
     RouterModule.forChild([{ path: '', component: AvropComponent }]),
-    LoggedInShellModule,
+    LayoutModule,
     DigiNgProgressProgressbarModule,
     DigiNgSkeletonBaseModule,
   ],
diff --git a/apps/dafa-web/src/app/pages/ciam-landing/ciam-landing.component.html b/apps/dafa-web/src/app/pages/ciam-landing/ciam-landing.component.html
deleted file mode 100644
index e34d547..0000000
--- a/apps/dafa-web/src/app/pages/ciam-landing/ciam-landing.component.html
+++ /dev/null
@@ -1,7 +0,0 @@
-<digi-typography>
-  <section class="releases">
-    <h1>Ciam landing</h1>
-
-<p>Redirecting to /......</p>
-  </section>
-</digi-typography>
diff --git a/apps/dafa-web/src/app/pages/ciam-landing/ciam-landing.component.scss b/apps/dafa-web/src/app/pages/ciam-landing/ciam-landing.component.scss
deleted file mode 100644
index e69de29..0000000
diff --git a/apps/dafa-web/src/app/pages/ciam-landing/ciam-landing.component.spec.ts b/apps/dafa-web/src/app/pages/ciam-landing/ciam-landing.component.spec.ts
deleted file mode 100644
index e69de29..0000000
diff --git a/apps/dafa-web/src/app/pages/ciam-landing/ciam-landing.component.ts b/apps/dafa-web/src/app/pages/ciam-landing/ciam-landing.component.ts
deleted file mode 100644
index ec2fcb9..0000000
--- a/apps/dafa-web/src/app/pages/ciam-landing/ciam-landing.component.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core';
-import { ActivatedRoute, Router } from '@angular/router';
-import { first, map, switchMap } from 'rxjs/operators';
-import { AuthenticationService } from '@dafa-services/api/authentication.service';
-
-@Component({
-  selector: 'dafa-ciam-landing',
-  templateUrl: './ciam-landing.component.html',
-  styleUrls: ['./ciam-landing.component.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class CiamLandingComponent implements OnInit {
-  constructor(
-    private route: ActivatedRoute,
-    private router: Router,
-    private authenticationService: AuthenticationService
-  ) {}
-
-  ngOnInit(): void {
-    this.route.queryParams
-      .pipe(
-        first(),
-        map(({ code }) => {
-          if (!code) {
-            throw new Error('Expected CIAM to return "code" in queryparams.');
-          }
-          return code as string;
-        }),
-        switchMap(code => {
-          return this.authenticationService.login$(code);
-        })
-      )
-      .subscribe(() => {
-        void this.router.navigateByUrl('/');
-      });
-  }
-}
diff --git a/apps/dafa-web/src/app/pages/ciam-landing/ciam-landing.module.ts b/apps/dafa-web/src/app/pages/ciam-landing/ciam-landing.module.ts
deleted file mode 100644
index 41d617c..0000000
--- a/apps/dafa-web/src/app/pages/ciam-landing/ciam-landing.module.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { CiamLandingComponent } from './ciam-landing.component';
-import { DigiNgButtonModule } from '@af/digi-ng/_button/button';
-
-@NgModule({
-  schemas: [CUSTOM_ELEMENTS_SCHEMA],
-  declarations: [CiamLandingComponent],
-  imports: [
-    CommonModule,
-    RouterModule.forChild([{ path: '', component: CiamLandingComponent }]),
-    DigiNgButtonModule
-  ]
-})
-export class CiamLandingModule {}
diff --git a/apps/dafa-web/src/app/pages/logout/logout.module.ts b/apps/dafa-web/src/app/pages/logout/logout.module.ts
index ee6b1c6..c60791d 100644
--- a/apps/dafa-web/src/app/pages/logout/logout.module.ts
+++ b/apps/dafa-web/src/app/pages/logout/logout.module.ts
@@ -1,8 +1,8 @@
+import { DigiNgButtonModule } from '@af/digi-ng/_button/button';
 import { CommonModule } from '@angular/common';
 import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
 import { RouterModule } from '@angular/router';
 import { LogoutComponent } from './logout.component';
-import { DigiNgButtonModule } from '@af/digi-ng/_button/button';
 
 @NgModule({
   schemas: [CUSTOM_ELEMENTS_SCHEMA],
diff --git a/apps/dafa-web/src/app/pages/messages/messages.component.html b/apps/dafa-web/src/app/pages/messages/messages.component.html
index 2309584..cbcefed 100644
--- a/apps/dafa-web/src/app/pages/messages/messages.component.html
+++ b/apps/dafa-web/src/app/pages/messages/messages.component.html
@@ -1,4 +1,3 @@
-
-<dafa-logged-in-shell>
-<section class="messages">Meddelanden funkar!</section>
-</dafa-logged-in-shell>
+<dafa-layout>
+  <section class="messages">Meddelanden funkar!</section>
+</dafa-layout>
diff --git a/apps/dafa-web/src/app/pages/messages/messages.module.ts b/apps/dafa-web/src/app/pages/messages/messages.module.ts
index e8e9c2c..c08fb14 100644
--- a/apps/dafa-web/src/app/pages/messages/messages.module.ts
+++ b/apps/dafa-web/src/app/pages/messages/messages.module.ts
@@ -1,11 +1,11 @@
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 import { RouterModule } from '@angular/router';
+import { LayoutModule } from '@dafa-shared/components/layout/layout.module';
 import { MessagesComponent } from './messages.component';
-import { LoggedInShellModule } from '../../components/logged-in-shell/logged-in-shell.module';
 
 @NgModule({
   declarations: [MessagesComponent],
-  imports: [CommonModule, RouterModule.forChild([{ path: '', component: MessagesComponent }]), LoggedInShellModule]
+  imports: [CommonModule, RouterModule.forChild([{ path: '', component: MessagesComponent }]), LayoutModule],
 })
 export class MessagesModule {}
diff --git a/apps/dafa-web/src/app/pages/mock-login/mock-login.component.html b/apps/dafa-web/src/app/pages/mock-login/mock-login.component.html
index d7b6a2e..39486d0 100644
--- a/apps/dafa-web/src/app/pages/mock-login/mock-login.component.html
+++ b/apps/dafa-web/src/app/pages/mock-login/mock-login.component.html
@@ -1,8 +1,11 @@
 <digi-typography>
-  <section class="login__wrapper">
+  <section class="mock-login">
     <h1>Mock login</h1>
-    <p>Simulera att man loggar in och blir redirectad till /ciam-landing med en Authorization-code som sedan används för att hämta authentication-token:</p>
-    <digi-ng-button [routerLink]="'/ciam-landing'" [queryParams]="{code: 'auth_code_from_CIAM_with_all_permissions'}">
+    <p>
+      Simulera att man loggar in och blir redirectad till startsidan med en Authorization-code som sedan används för att
+      hämta authentication-token:
+    </p>
+    <digi-ng-button routerLink="/" [queryParams]="{ code: 'auth_code_from_CIAM_with_all_permissions' }">
       Logga in med fullständiga rättigheter
     </digi-ng-button>
   </section>
diff --git a/apps/dafa-web/src/app/pages/mock-login/mock-login.component.scss b/apps/dafa-web/src/app/pages/mock-login/mock-login.component.scss
index e820ff6..9c7b273 100644
--- a/apps/dafa-web/src/app/pages/mock-login/mock-login.component.scss
+++ b/apps/dafa-web/src/app/pages/mock-login/mock-login.component.scss
@@ -1,3 +1,3 @@
-.login__wrapper {
+.mock-login {
   margin: 5rem;
 }
diff --git a/apps/dafa-web/src/app/pages/mock-login/mock-login.module.ts b/apps/dafa-web/src/app/pages/mock-login/mock-login.module.ts
index 85f9014..36416d6 100644
--- a/apps/dafa-web/src/app/pages/mock-login/mock-login.module.ts
+++ b/apps/dafa-web/src/app/pages/mock-login/mock-login.module.ts
@@ -1,8 +1,8 @@
+import { DigiNgButtonModule } from '@af/digi-ng/_button/button';
 import { CommonModule } from '@angular/common';
 import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
 import { RouterModule } from '@angular/router';
 import { MockLoginComponent } from './mock-login.component';
-import { DigiNgButtonModule } from '@af/digi-ng/_button/button';
 
 @NgModule({
   schemas: [CUSTOM_ELEMENTS_SCHEMA],
diff --git a/apps/dafa-web/src/app/pages/page-not-found/page-not-found.component.html b/apps/dafa-web/src/app/pages/page-not-found/page-not-found.component.html
index ef8fed3..c6246df 100644
--- a/apps/dafa-web/src/app/pages/page-not-found/page-not-found.component.html
+++ b/apps/dafa-web/src/app/pages/page-not-found/page-not-found.component.html
@@ -1,12 +1,12 @@
-<dafa-logged-in-shell>
-<digi-typography>
-  <section class="page-not-found">
-    <h1>Oj då! Vi kan inte hitta sidan.</h1>
-    <p>Det kan bero på att länken du använder är felaktig eller att sidan inte längre finns.</p>
-    <a class="dafa__link dafa__link--with-icon dafa__link--ignore-visited" routerLink="/">
-      <digi-icon-arrow-left class="dafa__digi-icon"></digi-icon-arrow-left>
-      Gå tillbaka till startsidan
-    </a>
-  </section>
-</digi-typography>
-</dafa-logged-in-shell>
+<dafa-layout>
+  <digi-typography>
+    <section class="page-not-found">
+      <h1>Oj då! Vi kan inte hitta sidan.</h1>
+      <p>Det kan bero på att länken du använder är felaktig eller att sidan inte längre finns.</p>
+      <a class="dafa__link dafa__link--with-icon dafa__link--ignore-visited" routerLink="/">
+        <digi-icon-arrow-left class="dafa__digi-icon"></digi-icon-arrow-left>
+        Gå tillbaka till startsidan
+      </a>
+    </section>
+  </digi-typography>
+</dafa-layout>
diff --git a/apps/dafa-web/src/app/pages/page-not-found/page-not-found.module.ts b/apps/dafa-web/src/app/pages/page-not-found/page-not-found.module.ts
index 0535a2b..ab9ebd9 100644
--- a/apps/dafa-web/src/app/pages/page-not-found/page-not-found.module.ts
+++ b/apps/dafa-web/src/app/pages/page-not-found/page-not-found.module.ts
@@ -1,12 +1,12 @@
 import { CommonModule } from '@angular/common';
 import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
 import { RouterModule } from '@angular/router';
+import { LayoutModule } from '@dafa-shared/components/layout/layout.module';
 import { PageNotFoundComponent } from './page-not-found.component';
-import { LoggedInShellModule } from '../../components/logged-in-shell/logged-in-shell.module';
 
 @NgModule({
   schemas: [CUSTOM_ELEMENTS_SCHEMA],
   declarations: [PageNotFoundComponent],
-  imports: [CommonModule, RouterModule.forChild([{ path: '', component: PageNotFoundComponent }]), LoggedInShellModule]
+  imports: [CommonModule, RouterModule.forChild([{ path: '', component: PageNotFoundComponent }]), LayoutModule],
 })
 export class PageNotFoundModule {}
diff --git a/apps/dafa-web/src/app/pages/participants/pages/participant-card/participant-card.component.html b/apps/dafa-web/src/app/pages/participants/pages/participant-card/participant-card.component.html
index 3f50628..2f4b132 100644
--- a/apps/dafa-web/src/app/pages/participants/pages/participant-card/participant-card.component.html
+++ b/apps/dafa-web/src/app/pages/participants/pages/participant-card/participant-card.component.html
@@ -1,4 +1,4 @@
-<dafa-logged-in-shell>
+<dafa-layout>
   <section class="participant-card">
     <digi-typography *ngIf="detailedParticipantData$ | async as detailedParticipantData; else loadingRef">
       <header class="participant-card__header">
@@ -54,4 +54,4 @@
       <span class="dafa__a11y-sr-only">Info saknas</span>
     </dd>
   </ng-template>
-</dafa-logged-in-shell>
+</dafa-layout>
diff --git a/apps/dafa-web/src/app/pages/participants/pages/participant-card/participant-card.module.ts b/apps/dafa-web/src/app/pages/participants/pages/participant-card/participant-card.module.ts
index c189aa9..6d0587f 100644
--- a/apps/dafa-web/src/app/pages/participants/pages/participant-card/participant-card.module.ts
+++ b/apps/dafa-web/src/app/pages/participants/pages/participant-card/participant-card.module.ts
@@ -4,8 +4,8 @@ import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
 import { RouterModule } from '@angular/router';
 import { BackLinkModule } from '@dafa-shared/components/back-link/back-link.module';
 import { IconModule } from '@dafa-shared/components/icon/icon.module';
+import { LayoutModule } from '@dafa-shared/components/layout/layout.module';
 import { ParticipantCardComponent } from './participant-card.component';
-import { LoggedInShellModule } from '../../../../components/logged-in-shell/logged-in-shell.module';
 
 @NgModule({
   schemas: [CUSTOM_ELEMENTS_SCHEMA],
@@ -13,7 +13,7 @@ import { LoggedInShellModule } from '../../../../components/logged-in-shell/logg
   imports: [
     CommonModule,
     RouterModule.forChild([{ path: '', component: ParticipantCardComponent }]),
-    LoggedInShellModule,
+    LayoutModule,
     DigiNgLinkInternalModule,
     IconModule,
     BackLinkModule,
diff --git a/apps/dafa-web/src/app/pages/participants/participants.component.html b/apps/dafa-web/src/app/pages/participants/participants.component.html
index 90ca0de..d3bdc3e 100644
--- a/apps/dafa-web/src/app/pages/participants/participants.component.html
+++ b/apps/dafa-web/src/app/pages/participants/participants.component.html
@@ -1,44 +1,44 @@
-<dafa-logged-in-shell>
-<section class="participants">
-  <digi-typography>
-    <h1>Mina deltagare</h1>
-    <p>
-      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam magna neque, interdum vel massa eget, condimentum
-      rutrum velit. Sed vitae ullamcorper sem. Aliquam malesuada nunc sed purus mollis scelerisque. Curabitur bibendum
-      leo quis ante porttitor tincidunt. Nam tincidunt imperdiet tortor eu suscipit. Maecenas ut dui est.
-    </p>
-  </digi-typography>
+<dafa-layout>
+  <section class="participants">
+    <digi-typography>
+      <h1>Mina deltagare</h1>
+      <p>
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam magna neque, interdum vel massa eget, condimentum
+        rutrum velit. Sed vitae ullamcorper sem. Aliquam malesuada nunc sed purus mollis scelerisque. Curabitur bibendum
+        leo quis ante porttitor tincidunt. Nam tincidunt imperdiet tortor eu suscipit. Maecenas ut dui est.
+      </p>
+    </digi-typography>
 
-  <form class="participants__search-wrapper" (ngSubmit)="handleSearchSubmit()">
-    <digi-form-input-search
-      af-label="Sök deltagare"
-      af-label-description="Sök på namn eller ärendenummer"
-      (afOnInput)="handleSearchInput($event)"
-    ></digi-form-input-search>
-  </form>
+    <form class="participants__search-wrapper" (ngSubmit)="handleSearchSubmit()">
+      <digi-form-input-search
+        af-label="Sök deltagare"
+        af-label-description="Sök på namn eller ärendenummer"
+        (afOnInput)="handleSearchInput($event)"
+      ></digi-form-input-search>
+    </form>
 
-  <section class="participants__list">
-    <h2>Pågående tjänst</h2>
-    <dafa-participants-list
-      *ngIf="activeParticipants$ | async as participants; else loadingRef"
-      [participants]="participants"
-      [sortBy]="activeParticipantsSortBy$ | async"
-      (sorted)="handleActiveParticipantsSort($event)"
-    ></dafa-participants-list>
+    <section class="participants__list">
+      <h2>Pågående tjänst</h2>
+      <dafa-participants-list
+        *ngIf="activeParticipants$ | async as participants; else loadingRef"
+        [participants]="participants"
+        [sortBy]="activeParticipantsSortBy$ | async"
+        (sorted)="handleActiveParticipantsSort($event)"
+      ></dafa-participants-list>
+    </section>
+
+    <section class="participants__list">
+      <h2>För uppföljning</h2>
+      <dafa-participants-list
+        *ngIf="followUpParticipants$ | async as participants; else loadingRef"
+        [participants]="participants"
+        [sortBy]="followUpParticipantsSortBy$ | async"
+        (sorted)="handleFollowUpParticipantsSort($event)"
+      ></dafa-participants-list>
+    </section>
+
+    <ng-template #loadingRef>
+      <digi-ng-skeleton-base [afCount]="3" afText="Laddar deltagare"></digi-ng-skeleton-base>
+    </ng-template>
   </section>
-
-  <section class="participants__list">
-    <h2>För uppföljning</h2>
-    <dafa-participants-list
-      *ngIf="followUpParticipants$ | async as participants; else loadingRef"
-      [participants]="participants"
-      [sortBy]="followUpParticipantsSortBy$ | async"
-      (sorted)="handleFollowUpParticipantsSort($event)"
-    ></dafa-participants-list>
-  </section>
-
-  <ng-template #loadingRef>
-    <digi-ng-skeleton-base [afCount]="3" afText="Laddar deltagare"></digi-ng-skeleton-base>
-  </ng-template>
-</section>
-</dafa-logged-in-shell>
+</dafa-layout>
diff --git a/apps/dafa-web/src/app/pages/participants/participants.module.ts b/apps/dafa-web/src/app/pages/participants/participants.module.ts
index e55904c..69cc0bb 100644
--- a/apps/dafa-web/src/app/pages/participants/participants.module.ts
+++ b/apps/dafa-web/src/app/pages/participants/participants.module.ts
@@ -2,7 +2,7 @@ import { DigiNgSkeletonBaseModule } from '@af/digi-ng/_skeleton/skeleton-base';
 import { CommonModule } from '@angular/common';
 import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
 import { FormsModule } from '@angular/forms';
-import { LoggedInShellModule } from '../../components/logged-in-shell/logged-in-shell.module';
+import { LayoutModule } from '@dafa-shared/components/layout/layout.module';
 import { ParticipantsListModule } from './components/participants-list/participants-list.module';
 import { ParticipantsRoutingModule } from './participants-routing.module';
 import { ParticipantsComponent } from './participants.component';
@@ -12,11 +12,11 @@ import { ParticipantsComponent } from './participants.component';
   declarations: [ParticipantsComponent],
   imports: [
     CommonModule,
+    LayoutModule,
     ParticipantsRoutingModule,
     FormsModule,
     DigiNgSkeletonBaseModule,
     ParticipantsListModule,
-    LoggedInShellModule,
   ],
 })
 export class ParticipantsModule {}
diff --git a/apps/dafa-web/src/app/pages/releases/releases.component.html b/apps/dafa-web/src/app/pages/releases/releases.component.html
index 620d774..3297adc 100644
--- a/apps/dafa-web/src/app/pages/releases/releases.component.html
+++ b/apps/dafa-web/src/app/pages/releases/releases.component.html
@@ -1,12 +1,12 @@
-<dafa-logged-in-shell>
-<digi-typography>
-  <section class="releases">
-    <h1>Releaser</h1>
-    <p>
-      Alla förändringar i applikationen blir dokumenterade på den här sidan. Versionen som ligger högst upp är den som
-      är aktuell just nu.
-    </p>
-    <markdown src="assets/CHANGELOG.md"></markdown>
-  </section>
-</digi-typography>
-</dafa-logged-in-shell>
+<dafa-layout>
+  <digi-typography>
+    <section class="releases">
+      <h1>Releaser</h1>
+      <p>
+        Alla förändringar i applikationen blir dokumenterade på den här sidan. Versionen som ligger högst upp är den som
+        är aktuell just nu.
+      </p>
+      <markdown src="assets/CHANGELOG.md"></markdown>
+    </section>
+  </digi-typography>
+</dafa-layout>
diff --git a/apps/dafa-web/src/app/pages/releases/releases.module.ts b/apps/dafa-web/src/app/pages/releases/releases.module.ts
index b69c07a..8484f18 100644
--- a/apps/dafa-web/src/app/pages/releases/releases.module.ts
+++ b/apps/dafa-web/src/app/pages/releases/releases.module.ts
@@ -1,9 +1,9 @@
 import { CommonModule } from '@angular/common';
 import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
 import { RouterModule } from '@angular/router';
+import { LayoutModule } from '@dafa-shared/components/layout/layout.module';
 import { MarkdownModule } from 'ngx-markdown';
 import { ReleasesComponent } from './releases.component';
-import { LoggedInShellModule } from '../../components/logged-in-shell/logged-in-shell.module';
 
 @NgModule({
   schemas: [CUSTOM_ELEMENTS_SCHEMA],
@@ -12,7 +12,7 @@ import { LoggedInShellModule } from '../../components/logged-in-shell/logged-in-
     CommonModule,
     MarkdownModule.forChild(),
     RouterModule.forChild([{ path: '', component: ReleasesComponent }]),
-    LoggedInShellModule
-  ]
+    LayoutModule,
+  ],
 })
 export class ReleasesModule {}
diff --git a/apps/dafa-web/src/app/pages/settings/settings.component.html b/apps/dafa-web/src/app/pages/settings/settings.component.html
index b086b26..e8f6147 100644
--- a/apps/dafa-web/src/app/pages/settings/settings.component.html
+++ b/apps/dafa-web/src/app/pages/settings/settings.component.html
@@ -1,3 +1,3 @@
-<dafa-logged-in-shell>
-<section class="settings">Inställningar funkar!</section>
-</dafa-logged-in-shell>
+<dafa-layout>
+  <section class="settings">Inställningar funkar!</section>
+</dafa-layout>
diff --git a/apps/dafa-web/src/app/pages/settings/settings.module.ts b/apps/dafa-web/src/app/pages/settings/settings.module.ts
index 7f9eacc..7979112 100644
--- a/apps/dafa-web/src/app/pages/settings/settings.module.ts
+++ b/apps/dafa-web/src/app/pages/settings/settings.module.ts
@@ -1,11 +1,11 @@
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 import { RouterModule } from '@angular/router';
+import { LayoutModule } from '@dafa-shared/components/layout/layout.module';
 import { SettingsComponent } from './settings.component';
-import { LoggedInShellModule } from '../../components/logged-in-shell/logged-in-shell.module';
 
 @NgModule({
   declarations: [SettingsComponent],
-  imports: [CommonModule, RouterModule.forChild([{ path: '', component: SettingsComponent }]), LoggedInShellModule]
+  imports: [CommonModule, RouterModule.forChild([{ path: '', component: SettingsComponent }]), LayoutModule],
 })
 export class SettingsModule {}
diff --git a/apps/dafa-web/src/app/pages/start/start.component.html b/apps/dafa-web/src/app/pages/start/start.component.html
index 768ed38..0904c60 100644
--- a/apps/dafa-web/src/app/pages/start/start.component.html
+++ b/apps/dafa-web/src/app/pages/start/start.component.html
@@ -1,4 +1,4 @@
-<dafa-logged-in-shell>
+<dafa-layout>
   <section class="start">
     <digi-typography>
       <h1>Välkommen till Mina Sidor FA</h1>
@@ -33,4 +33,4 @@
       </div>
     </div>
   </section>
-</dafa-logged-in-shell>
+</dafa-layout>
diff --git a/apps/dafa-web/src/app/pages/start/start.module.ts b/apps/dafa-web/src/app/pages/start/start.module.ts
index a21182f..4ee1a38 100644
--- a/apps/dafa-web/src/app/pages/start/start.module.ts
+++ b/apps/dafa-web/src/app/pages/start/start.module.ts
@@ -1,11 +1,11 @@
+import { DigiNgCardModule } from '@af/digi-ng/_card/card';
+import { DigiNgLinkInternalModule } from '@af/digi-ng/_link/link-internal';
+import { DigiNgNotificationAlertModule } from '@af/digi-ng/_notification/notification-alert';
 import { CommonModule } from '@angular/common';
 import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
 import { RouterModule } from '@angular/router';
+import { LayoutModule } from '@dafa-shared/components/layout/layout.module';
 import { StartComponent } from './start.component';
-import { DigiNgCardModule } from '@af/digi-ng/_card/card';
-import { DigiNgNotificationAlertModule } from '@af/digi-ng/_notification/notification-alert';
-import { DigiNgLinkInternalModule } from '@af/digi-ng/_link/link-internal';
-import { LoggedInShellModule } from '../../components/logged-in-shell/logged-in-shell.module';
 
 @NgModule({
   schemas: [CUSTOM_ELEMENTS_SCHEMA],
@@ -13,10 +13,10 @@ import { LoggedInShellModule } from '../../components/logged-in-shell/logged-in-
   imports: [
     CommonModule,
     RouterModule.forChild([{ path: '', component: StartComponent }]),
+    LayoutModule,
     DigiNgCardModule,
     DigiNgNotificationAlertModule,
     DigiNgLinkInternalModule,
-    LoggedInShellModule
-  ]
+  ],
 })
 export class StartModule {}
diff --git a/apps/dafa-web/src/app/pages/statistics/statistics.component.html b/apps/dafa-web/src/app/pages/statistics/statistics.component.html
index 265451c..1c19387 100644
--- a/apps/dafa-web/src/app/pages/statistics/statistics.component.html
+++ b/apps/dafa-web/src/app/pages/statistics/statistics.component.html
@@ -1,3 +1,3 @@
-<dafa-logged-in-shell>
+<dafa-layout>
   <section class="statistics">Statistik funkar!</section>
-</dafa-logged-in-shell>
+</dafa-layout>
diff --git a/apps/dafa-web/src/app/pages/statistics/statistics.module.ts b/apps/dafa-web/src/app/pages/statistics/statistics.module.ts
index 32a1998..a4703c9 100644
--- a/apps/dafa-web/src/app/pages/statistics/statistics.module.ts
+++ b/apps/dafa-web/src/app/pages/statistics/statistics.module.ts
@@ -1,11 +1,11 @@
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 import { RouterModule } from '@angular/router';
+import { LayoutModule } from '@dafa-shared/components/layout/layout.module';
 import { StatisticsComponent } from './statistics.component';
-import { LoggedInShellModule } from '../../components/logged-in-shell/logged-in-shell.module';
 
 @NgModule({
   declarations: [StatisticsComponent],
-  imports: [CommonModule, RouterModule.forChild([{ path: '', component: StatisticsComponent }]), LoggedInShellModule]
+  imports: [CommonModule, RouterModule.forChild([{ path: '', component: StatisticsComponent }]), LayoutModule],
 })
 export class StatisticsModule {}
diff --git a/apps/dafa-web/src/app/services/api/auth.interceptor.ts b/apps/dafa-web/src/app/services/api/auth.interceptor.ts
index 9651a70..6ad5095 100644
--- a/apps/dafa-web/src/app/services/api/auth.interceptor.ts
+++ b/apps/dafa-web/src/app/services/api/auth.interceptor.ts
@@ -1,14 +1,14 @@
 import { HttpEvent, HttpHandler, HttpInterceptor, HttpRequest } from '@angular/common/http';
 import { Injectable } from '@angular/core';
-import { AuthenticationService } from './authentication.service';
 import { Observable } from 'rxjs';
+import { AuthenticationService } from './authentication.service';
 
 @Injectable()
 export class AuthInterceptor implements HttpInterceptor {
   constructor(private auth: AuthenticationService) {}
 
   intercept(req: HttpRequest<unknown>, next: HttpHandler): Observable<HttpEvent<unknown>> {
-    const idToken = this.auth.getAuthorizationToken();
+    const idToken = this.auth.currentAuthorizationToken;
 
     if (idToken) {
       const cloned = req.clone({
diff --git a/apps/dafa-web/src/app/services/api/authentication.service.ts b/apps/dafa-web/src/app/services/api/authentication.service.ts
index 53f7f56..9d21673 100644
--- a/apps/dafa-web/src/app/services/api/authentication.service.ts
+++ b/apps/dafa-web/src/app/services/api/authentication.service.ts
@@ -1,14 +1,14 @@
 import { HttpClient } from '@angular/common/http';
 import { Injectable } from '@angular/core';
 import { environment } from '@dafa-environment';
-import { Observable } from 'rxjs';
-import { map, tap } from 'rxjs/operators';
 import {
   AuthenticationApiResponse,
   AuthenticationResult,
   mapAuthApiResponseToAuthenticationResult,
 } from '@dafa-models/authentication.model';
 import { add, isBefore } from 'date-fns';
+import { BehaviorSubject, combineLatest, Observable } from 'rxjs';
+import { map, tap } from 'rxjs/operators';
 
 const API_HEADERS = { headers: environment.api.headers };
 
@@ -16,14 +16,29 @@ const API_HEADERS = { headers: environment.api.headers };
   providedIn: 'root',
 })
 export class AuthenticationService {
+  private _token$ = new BehaviorSubject<string>(null);
+  private _expiration$ = new BehaviorSubject<number>(null);
+
+  isLoggedIn$: Observable<boolean> = combineLatest([this._token$, this._expiration$]).pipe(
+    map(([token, expiration]) => {
+      if (token && expiration) {
+        return isBefore(new Date(), expiration);
+      }
+
+      return false;
+    })
+  );
+
   private static _authTokenApiUrl(code: string): string {
-    return `${environment.api.url}/get-token?code=${code}`;
+    return `${environment.api.url}/auth/token?accessCode=${code}`;
   }
 
-  private static _setSession(authenticationResult: AuthenticationResult): void {
+  private _setSession(authenticationResult: AuthenticationResult): void {
     const expiresAt = add(new Date(), { seconds: authenticationResult.expiresIn });
 
+    this._token$.next(authenticationResult.idToken);
     localStorage.setItem('id_token', authenticationResult.idToken);
+    this._expiration$.next(expiresAt.valueOf());
     localStorage.setItem('expires_at', JSON.stringify(expiresAt.valueOf()));
   }
 
@@ -31,31 +46,37 @@ export class AuthenticationService {
     return this.httpClient
       .get<AuthenticationApiResponse>(AuthenticationService._authTokenApiUrl(authorizationCodeFromCiam), API_HEADERS)
       .pipe(
-        map(response => mapAuthApiResponseToAuthenticationResult(response.data)),
+        map(response => mapAuthApiResponseToAuthenticationResult(response)),
         tap(authenticationResult => {
-          AuthenticationService._setSession(authenticationResult);
+          this._setSession(authenticationResult);
         })
       );
   }
 
-  isLoggedIn(): boolean {
-    return isBefore(new Date(), this.getExpiration());
-  }
-
-  isLoggedOut(): boolean {
-    return !this.isLoggedIn();
-  }
-
-  getAuthorizationToken(): string {
-    return localStorage.getItem('id_token');
-  }
-
-  getExpiration(): number {
+  private _getLocalStorageData(): { id_token: string; expires_at: number } {
+    const id_token = localStorage.getItem('id_token');
     const expiration = localStorage.getItem('expires_at');
-    return JSON.parse(expiration) as number;
+
+    return id_token && expiration
+      ? {
+          id_token,
+          expires_at: +JSON.parse(expiration),
+        }
+      : null;
   }
 
-  constructor(private httpClient: HttpClient) {}
+  get currentAuthorizationToken(): string {
+    return this._token$.getValue();
+  }
+
+  constructor(private httpClient: HttpClient) {
+    const localStorageData = this._getLocalStorageData();
+
+    if (localStorageData) {
+      this._token$.next(localStorageData.id_token);
+      this._expiration$.next(localStorageData.expires_at);
+    }
+  }
 
   logout(): void {
     localStorage.removeItem('id_token');
diff --git a/apps/dafa-web/src/app/services/api/user.service.ts b/apps/dafa-web/src/app/services/api/user.service.ts
index 5ae5705..620b143 100644
--- a/apps/dafa-web/src/app/services/api/user.service.ts
+++ b/apps/dafa-web/src/app/services/api/user.service.ts
@@ -11,8 +11,8 @@ const API_HEADERS = { headers: environment.api.headers };
   providedIn: 'root',
 })
 export class UserService {
-  private _userApiUrl = `${environment.api.url}/currentUser`;
-  public currentUser$: Observable<User> = this.httpClient
+  private _userApiUrl = `${environment.api.url}/auth`;
+  public user$: Observable<User> = this.httpClient
     .get<UserApiResponse>(this._userApiUrl, API_HEADERS)
     .pipe(map(response => mapUserApiResponseToUser(response.data)));
 
diff --git a/apps/dafa-web/src/app/components/footer/footer.component.html b/apps/dafa-web/src/app/shared/components/layout/components/footer/footer.component.html
similarity index 100%
rename from apps/dafa-web/src/app/components/footer/footer.component.html
rename to apps/dafa-web/src/app/shared/components/layout/components/footer/footer.component.html
diff --git a/apps/dafa-web/src/app/components/footer/footer.component.scss b/apps/dafa-web/src/app/shared/components/layout/components/footer/footer.component.scss
similarity index 100%
rename from apps/dafa-web/src/app/components/footer/footer.component.scss
rename to apps/dafa-web/src/app/shared/components/layout/components/footer/footer.component.scss
diff --git a/apps/dafa-web/src/app/components/footer/footer.component.spec.ts b/apps/dafa-web/src/app/shared/components/layout/components/footer/footer.component.spec.ts
similarity index 100%
rename from apps/dafa-web/src/app/components/footer/footer.component.spec.ts
rename to apps/dafa-web/src/app/shared/components/layout/components/footer/footer.component.spec.ts
diff --git a/apps/dafa-web/src/app/components/footer/footer.component.ts b/apps/dafa-web/src/app/shared/components/layout/components/footer/footer.component.ts
similarity index 100%
rename from apps/dafa-web/src/app/components/footer/footer.component.ts
rename to apps/dafa-web/src/app/shared/components/layout/components/footer/footer.component.ts
diff --git a/apps/dafa-web/src/app/components/footer/footer.module.ts b/apps/dafa-web/src/app/shared/components/layout/components/footer/footer.module.ts
similarity index 100%
rename from apps/dafa-web/src/app/components/footer/footer.module.ts
rename to apps/dafa-web/src/app/shared/components/layout/components/footer/footer.module.ts
diff --git a/apps/dafa-web/src/app/components/footer/footer.print.component.scss b/apps/dafa-web/src/app/shared/components/layout/components/footer/footer.print.component.scss
similarity index 100%
rename from apps/dafa-web/src/app/components/footer/footer.print.component.scss
rename to apps/dafa-web/src/app/shared/components/layout/components/footer/footer.print.component.scss
diff --git a/apps/dafa-web/src/app/components/navigation/navigation.component.html b/apps/dafa-web/src/app/shared/components/layout/components/navigation/navigation.component.html
similarity index 62%
rename from apps/dafa-web/src/app/components/navigation/navigation.component.html
rename to apps/dafa-web/src/app/shared/components/layout/components/navigation/navigation.component.html
index 2614b2a..fe2361b 100644
--- a/apps/dafa-web/src/app/components/navigation/navigation.component.html
+++ b/apps/dafa-web/src/app/shared/components/layout/components/navigation/navigation.component.html
@@ -5,8 +5,8 @@
     </a>
   </div>
   <ul class="navigation__list dafa__hide-on-print">
-    <li class="navigation__item navigation__item--user" *ngIf="currentUser">
-      <span class="navigation__text">{{ currentUser.fullName }}</span>
+    <li class="navigation__item navigation__item--user">
+      <span *ngIf="user" class="navigation__text">{{ user.fullName }}</span>
       <dafa-icon [icon]="iconType.USER" size="l"></dafa-icon>
     </li>
     <li class="navigation__item">
@@ -21,16 +21,5 @@
         <span class="dafa__a11y-sr-only">Inställningar</span>
       </a>
     </li>
-    <!-- <li class="navigation__item">
-      <a
-        class="navigation__link"
-        [routerLink]="['/']"
-        [routerLinkActive]="['navigation__link--active']"
-        [routerLinkActiveOptions]="{ exact: true }"
-      >
-        <dafa-icon [icon]="iconType.HOME" size="l"></dafa-icon>
-        <span class="navigation__text">Startsida</span>
-      </a>
-    </li> -->
   </ul>
 </div>
diff --git a/apps/dafa-web/src/app/components/navigation/navigation.component.scss b/apps/dafa-web/src/app/shared/components/layout/components/navigation/navigation.component.scss
similarity index 100%
rename from apps/dafa-web/src/app/components/navigation/navigation.component.scss
rename to apps/dafa-web/src/app/shared/components/layout/components/navigation/navigation.component.scss
diff --git a/apps/dafa-web/src/app/components/navigation/navigation.component.spec.ts b/apps/dafa-web/src/app/shared/components/layout/components/navigation/navigation.component.spec.ts
similarity index 100%
rename from apps/dafa-web/src/app/components/navigation/navigation.component.spec.ts
rename to apps/dafa-web/src/app/shared/components/layout/components/navigation/navigation.component.spec.ts
diff --git a/apps/dafa-web/src/app/components/navigation/navigation.component.ts b/apps/dafa-web/src/app/shared/components/layout/components/navigation/navigation.component.ts
similarity index 93%
rename from apps/dafa-web/src/app/components/navigation/navigation.component.ts
rename to apps/dafa-web/src/app/shared/components/layout/components/navigation/navigation.component.ts
index 06b2990..d8dd705 100644
--- a/apps/dafa-web/src/app/components/navigation/navigation.component.ts
+++ b/apps/dafa-web/src/app/shared/components/layout/components/navigation/navigation.component.ts
@@ -9,6 +9,6 @@ import { User } from '@dafa-models/user.model';
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class NavigationComponent {
-  @Input() currentUser: User;
+  @Input() user: User;
   iconType = IconType;
 }
diff --git a/apps/dafa-web/src/app/components/navigation/navigation.module.ts b/apps/dafa-web/src/app/shared/components/layout/components/navigation/navigation.module.ts
similarity index 100%
rename from apps/dafa-web/src/app/components/navigation/navigation.module.ts
rename to apps/dafa-web/src/app/shared/components/layout/components/navigation/navigation.module.ts
diff --git a/apps/dafa-web/src/app/components/navigation/navigation.print.component.scss b/apps/dafa-web/src/app/shared/components/layout/components/navigation/navigation.print.component.scss
similarity index 100%
rename from apps/dafa-web/src/app/components/navigation/navigation.print.component.scss
rename to apps/dafa-web/src/app/shared/components/layout/components/navigation/navigation.print.component.scss
diff --git a/apps/dafa-web/src/app/components/sidebar/sidebar.component.html b/apps/dafa-web/src/app/shared/components/layout/components/sidebar/sidebar.component.html
similarity index 100%
rename from apps/dafa-web/src/app/components/sidebar/sidebar.component.html
rename to apps/dafa-web/src/app/shared/components/layout/components/sidebar/sidebar.component.html
diff --git a/apps/dafa-web/src/app/components/sidebar/sidebar.component.scss b/apps/dafa-web/src/app/shared/components/layout/components/sidebar/sidebar.component.scss
similarity index 100%
rename from apps/dafa-web/src/app/components/sidebar/sidebar.component.scss
rename to apps/dafa-web/src/app/shared/components/layout/components/sidebar/sidebar.component.scss
diff --git a/apps/dafa-web/src/app/components/sidebar/sidebar.component.spec.ts b/apps/dafa-web/src/app/shared/components/layout/components/sidebar/sidebar.component.spec.ts
similarity index 100%
rename from apps/dafa-web/src/app/components/sidebar/sidebar.component.spec.ts
rename to apps/dafa-web/src/app/shared/components/layout/components/sidebar/sidebar.component.spec.ts
diff --git a/apps/dafa-web/src/app/components/sidebar/sidebar.component.ts b/apps/dafa-web/src/app/shared/components/layout/components/sidebar/sidebar.component.ts
similarity index 100%
rename from apps/dafa-web/src/app/components/sidebar/sidebar.component.ts
rename to apps/dafa-web/src/app/shared/components/layout/components/sidebar/sidebar.component.ts
diff --git a/apps/dafa-web/src/app/components/sidebar/sidebar.module.ts b/apps/dafa-web/src/app/shared/components/layout/components/sidebar/sidebar.module.ts
similarity index 100%
rename from apps/dafa-web/src/app/components/sidebar/sidebar.module.ts
rename to apps/dafa-web/src/app/shared/components/layout/components/sidebar/sidebar.module.ts
diff --git a/apps/dafa-web/src/app/components/skip-to-content/skip-to-content.component.html b/apps/dafa-web/src/app/shared/components/layout/components/skip-to-content/skip-to-content.component.html
similarity index 100%
rename from apps/dafa-web/src/app/components/skip-to-content/skip-to-content.component.html
rename to apps/dafa-web/src/app/shared/components/layout/components/skip-to-content/skip-to-content.component.html
diff --git a/apps/dafa-web/src/app/components/skip-to-content/skip-to-content.component.scss b/apps/dafa-web/src/app/shared/components/layout/components/skip-to-content/skip-to-content.component.scss
similarity index 100%
rename from apps/dafa-web/src/app/components/skip-to-content/skip-to-content.component.scss
rename to apps/dafa-web/src/app/shared/components/layout/components/skip-to-content/skip-to-content.component.scss
diff --git a/apps/dafa-web/src/app/components/skip-to-content/skip-to-content.component.spec.ts b/apps/dafa-web/src/app/shared/components/layout/components/skip-to-content/skip-to-content.component.spec.ts
similarity index 100%
rename from apps/dafa-web/src/app/components/skip-to-content/skip-to-content.component.spec.ts
rename to apps/dafa-web/src/app/shared/components/layout/components/skip-to-content/skip-to-content.component.spec.ts
diff --git a/apps/dafa-web/src/app/components/skip-to-content/skip-to-content.component.ts b/apps/dafa-web/src/app/shared/components/layout/components/skip-to-content/skip-to-content.component.ts
similarity index 100%
rename from apps/dafa-web/src/app/components/skip-to-content/skip-to-content.component.ts
rename to apps/dafa-web/src/app/shared/components/layout/components/skip-to-content/skip-to-content.component.ts
diff --git a/apps/dafa-web/src/app/components/skip-to-content/skip-to-content.module.ts b/apps/dafa-web/src/app/shared/components/layout/components/skip-to-content/skip-to-content.module.ts
similarity index 100%
rename from apps/dafa-web/src/app/components/skip-to-content/skip-to-content.module.ts
rename to apps/dafa-web/src/app/shared/components/layout/components/skip-to-content/skip-to-content.module.ts
diff --git a/apps/dafa-web/src/app/components/logged-in-shell/logged-in-shell.component.html b/apps/dafa-web/src/app/shared/components/layout/layout.component.html
similarity index 70%
rename from apps/dafa-web/src/app/components/logged-in-shell/logged-in-shell.component.html
rename to apps/dafa-web/src/app/shared/components/layout/layout.component.html
index 8052006..904f65b 100644
--- a/apps/dafa-web/src/app/components/logged-in-shell/logged-in-shell.component.html
+++ b/apps/dafa-web/src/app/shared/components/layout/layout.component.html
@@ -1,8 +1,8 @@
-<div class="dafa">
+<div class="dafa" *ngIf="isLoggedIn$ | async">
   <dafa-skip-to-content mainContentId="dafa-main-content"></dafa-skip-to-content>
 
   <header class="dafa__header">
-    <dafa-navigation *ngIf="isLoggedIn" [currentUser]="currentUser$ | async"></dafa-navigation>
+    <dafa-navigation [user]="user$ | async"></dafa-navigation>
   </header>
 
   <dafa-sidebar class="dafa__sidebar"></dafa-sidebar>
@@ -12,10 +12,8 @@
       [afItems]="breadcrumbsItems"
     ></digi-ng-navigation-breadcrumbs>
 
-      <ng-content></ng-content>
-
+    <ng-content></ng-content>
   </main>
 
   <dafa-footer class="dafa__footer"></dafa-footer>
 </div>
-<dafa-toast-list></dafa-toast-list>
diff --git a/apps/dafa-web/src/app/components/logged-in-shell/logged-in-shell.component.scss b/apps/dafa-web/src/app/shared/components/layout/layout.component.scss
similarity index 100%
rename from apps/dafa-web/src/app/components/logged-in-shell/logged-in-shell.component.scss
rename to apps/dafa-web/src/app/shared/components/layout/layout.component.scss
diff --git a/apps/dafa-web/src/app/shared/components/layout/layout.component.spec.ts b/apps/dafa-web/src/app/shared/components/layout/layout.component.spec.ts
new file mode 100644
index 0000000..d32b51b
--- /dev/null
+++ b/apps/dafa-web/src/app/shared/components/layout/layout.component.spec.ts
@@ -0,0 +1,28 @@
+import { HttpClientTestingModule } from '@angular/common/http/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { RouterTestingModule } from '@angular/router/testing';
+import { LayoutComponent } from './Layout.component';
+
+describe('LayoutComponent', () => {
+  let component: LayoutComponent;
+  let fixture: ComponentFixture<LayoutComponent>;
+
+  beforeEach(
+    waitForAsync(() => {
+      void TestBed.configureTestingModule({
+        declarations: [LayoutComponent],
+        imports: [RouterTestingModule, HttpClientTestingModule],
+      }).compileComponents();
+    })
+  );
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(LayoutComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/apps/dafa-web/src/app/components/logged-in-shell/logged-in-shell.component.ts b/apps/dafa-web/src/app/shared/components/layout/layout.component.ts
similarity index 57%
rename from apps/dafa-web/src/app/components/logged-in-shell/logged-in-shell.component.ts
rename to apps/dafa-web/src/app/shared/components/layout/layout.component.ts
index fa18935..72c5792 100644
--- a/apps/dafa-web/src/app/components/logged-in-shell/logged-in-shell.component.ts
+++ b/apps/dafa-web/src/app/shared/components/layout/layout.component.ts
@@ -1,47 +1,54 @@
-import { Component, ChangeDetectionStrategy } from '@angular/core';
 import { NavigationBreadcrumbsItem } from '@af/digi-ng/_navigation/navigation-breadcrumbs';
-import { BehaviorSubject, Observable } from 'rxjs';
-import { User } from '@dafa-models/user.model';
-import { NavigationEnd, Router } from '@angular/router';
-import { UserService } from '@dafa-services/api/user.service';
-import { filter } from 'rxjs/operators';
-import { mapPathsToBreadcrumbs } from '@dafa-utils/map-paths-to-breadcrumbs.util';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { ActivatedRoute, NavigationEnd, Router } from '@angular/router';
 import { UnsubscribeDirective } from '@dafa-directives/unsubscribe.directive';
+import { User } from '@dafa-models/user.model';
 import { AuthenticationService } from '@dafa-services/api/authentication.service';
-import { environment } from '@dafa-environment';
+import { UserService } from '@dafa-services/api/user.service';
+import { mapPathsToBreadcrumbs } from '@dafa-utils/map-paths-to-breadcrumbs.util';
+import { BehaviorSubject, Observable } from 'rxjs';
+import { filter, switchMap } from 'rxjs/operators';
 
 @Component({
-  selector: 'dafa-logged-in-shell',
-  templateUrl: './logged-in-shell.component.html',
-  styleUrls: ['./logged-in-shell.component.scss'],
+  selector: 'dafa-layout',
+  templateUrl: './layout.component.html',
+  styleUrls: ['./layout.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class LoggedInShellComponent extends UnsubscribeDirective {
+export class LayoutComponent extends UnsubscribeDirective {
   private startBreadcrumb: NavigationBreadcrumbsItem = {
     text: 'Start',
     routerLink: '/',
   };
   private _breadcrumbsItems$ = new BehaviorSubject<NavigationBreadcrumbsItem[]>([this.startBreadcrumb]);
-  public currentUser$: Observable<User> = this.userService.currentUser$;
+  isLoggedIn$: Observable<boolean> = this.authService.isLoggedIn$;
+  user$: Observable<User> = this.isLoggedIn$.pipe(
+    filter(loggedIn => !!loggedIn),
+    switchMap(() => this.userService.user$)
+  );
 
   get breadcrumbsItems(): NavigationBreadcrumbsItem[] {
     return this._breadcrumbsItems$.getValue();
   }
 
-  get isLoggedIn(): boolean {
-    return this.authService.isLoggedIn();
-  }
-
-  constructor(private router: Router, private authService: AuthenticationService, private userService: UserService) {
+  constructor(
+    private router: Router,
+    private activatedRoute: ActivatedRoute,
+    private authService: AuthenticationService,
+    private userService: UserService
+  ) {
     super();
-
-    if (this.authService.isLoggedOut()) {
-      void this.router.navigateByUrl(environment.loginUrl);
-    }
-
     super.unsubscribeOnDestroy(
       this.router.events.pipe(filter(event => event instanceof NavigationEnd)).subscribe(() => {
         const urlTree = this.router.parseUrl(this.router.url);
+        if (urlTree.queryParams.code) {
+          void this.router.navigate([], {
+            relativeTo: this.activatedRoute,
+            queryParams: { code: null },
+            queryParamsHandling: 'merge',
+            replaceUrl: true,
+          });
+        }
         urlTree.queryParams = {};
         const paths = urlTree
           .toString()
diff --git a/apps/dafa-web/src/app/shared/components/layout/layout.module.ts b/apps/dafa-web/src/app/shared/components/layout/layout.module.ts
new file mode 100644
index 0000000..caacee7
--- /dev/null
+++ b/apps/dafa-web/src/app/shared/components/layout/layout.module.ts
@@ -0,0 +1,27 @@
+import { DigiNgNavigationBreadcrumbsModule } from '@af/digi-ng/_navigation/navigation-breadcrumbs';
+import { CommonModule } from '@angular/common';
+import { HttpClient } from '@angular/common/http';
+import { NgModule } from '@angular/core';
+import { RouterModule } from '@angular/router';
+import { MarkdownModule } from 'ngx-markdown';
+import { FooterModule } from './components/footer/footer.module';
+import { NavigationModule } from './components/navigation/navigation.module';
+import { SidebarModule } from './components/sidebar/sidebar.module';
+import { SkipToContentModule } from './components/skip-to-content/skip-to-content.module';
+import { LayoutComponent } from './layout.component';
+
+@NgModule({
+  declarations: [LayoutComponent],
+  imports: [
+    CommonModule,
+    RouterModule,
+    SkipToContentModule,
+    NavigationModule,
+    SidebarModule,
+    FooterModule,
+    MarkdownModule.forRoot({ loader: HttpClient }),
+    DigiNgNavigationBreadcrumbsModule,
+  ],
+  exports: [LayoutComponent],
+})
+export class LayoutModule {}
diff --git a/apps/dafa-web/src/environments/environment.api.ts b/apps/dafa-web/src/environments/environment.api.ts
new file mode 100644
index 0000000..6528973
--- /dev/null
+++ b/apps/dafa-web/src/environments/environment.api.ts
@@ -0,0 +1,11 @@
+export const environment = {
+  environment: 'api',
+  clientId: '5d08c2e4-763e-42f6-b858-24e4773bb83d',
+  redirectUri: 'http://localhost:4200',
+  loginUrl: 'https://ciam-test.arbetsformedlingen.se:8443/uas/oauth2/authorization?response_type=code&scope=openid',
+  production: false,
+  api: {
+    url: '/api',
+    headers: {},
+  },
+};
diff --git a/apps/dafa-web/src/environments/environment.dotnet.ts b/apps/dafa-web/src/environments/environment.dotnet.ts
deleted file mode 100644
index 9011678..0000000
--- a/apps/dafa-web/src/environments/environment.dotnet.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-export const environment = {
-  loginUrl:
-    // eslint-disable-next-line max-len
-    'https://ciam-test.arbetsformedlingen.se:8443/uas/oauth2/authorization?response_type=code&scope=openid&redirect_uri=https://localhost:4200/ciam-landing&client_id=5d08c2e4-763e-42f6-b858-24e4773bb83d',
-  production: false,
-  api: {
-    url: '/api',
-    headers: {},
-  },
-};
diff --git a/apps/dafa-web/src/environments/environment.pega.ts b/apps/dafa-web/src/environments/environment.pega.ts
deleted file mode 100644
index 099a393..0000000
--- a/apps/dafa-web/src/environments/environment.pega.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-export const environment = {
-  production: false,
-  api: {
-    meet: 'https://dafa-utv.tocp.arbetsformedlingen.se/prweb/api/meettest/v1',
-    default: 'https://dafa-utv.tocp.arbetsformedlingen.se/prweb/api/v1/data',
-    url: '/api',
-    headers: {
-      Authorization: 'Basic dGVzdHVzZXIxOmRhZmFAMTIz', // user: testuser1, password: dafa@123
-    },
-  },
-};
diff --git a/apps/dafa-web/src/environments/environment.ts b/apps/dafa-web/src/environments/environment.ts
index 81f8077..b77387e 100644
--- a/apps/dafa-web/src/environments/environment.ts
+++ b/apps/dafa-web/src/environments/environment.ts
@@ -1,5 +1,8 @@
 export const environment = {
-  loginUrl: 'mock-login',
+  environment: 'local',
+  clientId: '',
+  redirectUri: '',
+  loginUrl: '/mock-login',
   production: false,
   api: {
     url: '/api',
diff --git a/config/proxy.conf.api.json b/config/proxy.conf.api.json
new file mode 100644
index 0000000..2c64448
--- /dev/null
+++ b/config/proxy.conf.api.json
@@ -0,0 +1,7 @@
+{
+  "/api": {
+    "target": "http://mina-sidor-fa-test-api.tocp.arbetsformedlingen.se",
+    "secure": false,
+    "changeOrigin": true
+  }
+}
diff --git a/config/proxy.conf.dotnet.json b/config/proxy.conf.dotnet.json
deleted file mode 100644
index 344a0d3..0000000
--- a/config/proxy.conf.dotnet.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "/api": {
-    "target": "http://localhost:6001",
-    "secure": false
-  }
-}
diff --git a/mock-api/dafa-web/server.js b/mock-api/dafa-web/server.js
index 115ed63..924c6f1 100644
--- a/mock-api/dafa-web/server.js
+++ b/mock-api/dafa-web/server.js
@@ -15,17 +15,18 @@ server.use(
     '/employee*': '/employees$1',
     '/participants': '/participants?_embed=employees',
     '/participant/:id': '/participants/:id?_embed=employees',
+    '/auth': '/currentUser',
     '*page=*': '$1_page=$2',
     '*limit=*': '$1_limit=$2',
     '*sort=*': '$1_sort=$2',
     '*order=*': '$1_order=$2',
-    '/get-token?code=auth_code_from_CIAM_with_all_permissions': '/getTokenFullAccess',
+    '/auth/token?accessCode=auth_code_from_CIAM_with_all_permissions': '/getTokenFullAccess',
   })
 );
 
 router.render = (req, res) => {
-  // all paths except getToken requires Authorization header.
-  if (!req._parsedUrl.pathname.includes('getToken') && !req.headers.authorization) {
+  // all paths except getTokenFullAccess requires Authorization header.
+  if (!req._parsedUrl.pathname.includes('getTokenFullAccess') && !req.headers.authorization) {
     return res.status(401).jsonp({ error: 'No valid access-token' });
   }
 
@@ -36,10 +37,14 @@ router.render = (req, res) => {
     req.body.createdAt = Date.now();
   }
 
-  res.jsonp({
-    data: res.locals.data,
-    ...appendMetaData(params, res),
-  });
+  if (req._parsedUrl.pathname.includes('getTokenFullAccess')) {
+    res.jsonp(res.locals.data);
+  } else {
+    res.jsonp({
+      data: res.locals.data,
+      ...appendMetaData(params, res),
+    });
+  }
 };
 
 server.use(router);
diff --git a/tsconfig.base.json b/tsconfig.base.json
index af90d72..2d765b8 100644
--- a/tsconfig.base.json
+++ b/tsconfig.base.json
@@ -18,6 +18,7 @@
       "@dafa-assets/*": ["apps/dafa-web/src/assets/*"],
       "@dafa-shared/*": ["apps/dafa-web/src/app/shared/*"],
       "@dafa-models/*": ["apps/dafa-web/src/app/data/models/*"],
+      "@dafa-guards/*": ["apps/dafa-web/src/app/guards/*"],
       "@dafa-constants/*": ["apps/dafa-web/src/app/data/constants/*"],
       "@dafa-directives/*": ["apps/dafa-web/src/app/directives/*"],
       "@dafa-enums/*": ["apps/dafa-web/src/app/data/enums/*"],