feat(authorization): Added unauthorized page. (TV-531)

Squashed commit of the following:

commit 67b70e2e2ece4df73be91dc7f3234543c933d12a
Merge: aabf1cc 26a56fd
Author: Erik Tiekstra <erik.tiekstra@arbetsformedlingen.se>
Date:   Wed Sep 8 14:01:09 2021 +0200

    Merge branch 'develop' into feature/TV-531

commit aabf1cc4050b45ef055780dece9462ca121d343a
Author: Erik Tiekstra <erik.tiekstra@arbetsformedlingen.se>
Date:   Wed Sep 8 14:00:15 2021 +0200

    Added unauthorized page

apps/mina-sidor-fa/src/app/shared/components/back-link/back-link.component.scss

@@ -1,11 +1,5 @@
-.back-link {
-  display: inline-flex;
-  align-items: center;
-  text-decoration: none;
-  font-weight: var(--digi--typography--font-weight--semibold);
-  gap: var(--digi--layout--gutter--xs);
+@import 'mixins/link';
 
-  &:hover {
-    text-decoration: underline;
-  }
+.back-link {
+  @include msfa-link(true);
 }

apps/mina-sidor-fa/src/app/shared/components/layout/layout.component.html

@@ -8,6 +8,7 @@
   <msfa-sidebar class="msfa__sidebar"></msfa-sidebar>
   <main id="msfa-main-content" class="msfa__content">
     <digi-ng-navigation-breadcrumbs
+      *ngIf="showBreadCrumbs"
       class="msfa__breadcrumbs"
       [afItems]="breadcrumbsItems"
     ></digi-ng-navigation-breadcrumbs>

apps/mina-sidor-fa/src/app/shared/components/layout/layout.component.ts

@@ -1,5 +1,5 @@
 import { NavigationBreadcrumbsItem } from '@af/digi-ng/_navigation/navigation-breadcrumbs';
-import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
 import { Title } from '@angular/platform-browser';
 import { ActivatedRoute, NavigationEnd, Router } from '@angular/router';
 import { UnsubscribeDirective } from '@msfa-directives/unsubscribe.directive';
@@ -17,6 +17,7 @@ import { filter, switchMap } from 'rxjs/operators';
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class LayoutComponent extends UnsubscribeDirective {
+  @Input() showBreadCrumbs = true;
   private startBreadcrumb: NavigationBreadcrumbsItem = {
     text: 'Start',
     routerLink: '/',

apps/mina-sidor-fa/src/app/shared/constants/navigation.ts

@@ -7,4 +7,5 @@ export const NAVIGATION = {
   'planera-aktiviteter': 'Planera aktiviteter',
   'mitt-konto': 'Mitt konto',
   'skapa-personalkonto': 'Skapa personalkonto',
+  obehorig: 'Saknar behörigheter',
 };