Feature/add tabs to about page (#2030)

* Add tabs to about page * Update changelog
1 year ago · 23db85e940
parent bd8bb1a36a
commit 23db85e940
26 changed files with 679 additions and 351 deletions
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0

 ## Unreleased

+### Added
+
+- Added tabs to the about page
+
 ### Changed

 - Removed the _Ghostfolio in Numbers_ section from the about page
--- a/apps/client/src/app/pages/about/about-page-routing.module.ts
+++ b/apps/client/src/app/pages/about/about-page-routing.module.ts
@ -7,6 +7,30 @@ import { AboutPageComponent } from './about-page.component';
 const routes: Routes = [
  {
    canActivate: [AuthGuard],
+    children: [
+      { path: '', redirectTo: 'overview', pathMatch: 'full' },
+      {
+        path: 'overview',
+        loadChildren: () =>
+          import('./overview/about-overview-page.module').then(
+            (m) => m.AboutOverviewPageModule
+          )
+      },
+      {
+        path: 'changelog',
+        loadChildren: () =>
+          import('./changelog/changelog-page.module').then(
+            (m) => m.ChangelogPageModule
+          )
+      },
+      {
+        path: 'privacy-policy',
+        loadChildren: () =>
+          import('./privacy-policy/privacy-policy-page.module').then(
+            (m) => m.PrivacyPolicyPageModule
+          )
+      }
+    ],
    component: AboutPageComponent,
    path: '',
    title: $localize`About`
--- a/apps/client/src/app/pages/about/about-page.component.ts
+++ b/apps/client/src/app/pages/about/about-page.component.ts
@ -1,26 +1,36 @@
-import { ChangeDetectorRef, Component, OnDestroy, OnInit } from '@angular/core';
-import { environment } from '@ghostfolio/client/../environments/environment';
+import {
+  ChangeDetectorRef,
+  Component,
+  HostBinding,
+  OnDestroy,
+  OnInit
+} from '@angular/core';
 import { DataService } from '@ghostfolio/client/services/data.service';
 import { UserService } from '@ghostfolio/client/services/user/user.service';
-import { DEFAULT_LANGUAGE_CODE } from '@ghostfolio/common/config';
 import { User } from '@ghostfolio/common/interfaces';
 import { hasPermission, permissions } from '@ghostfolio/common/permissions';
 import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';

@Component({
-  host: { class: 'page' },
  selector: 'gf-about-page',
  styleUrls: ['./about-page.scss'],
  templateUrl: './about-page.html'
 })
 export class AboutPageComponent implements OnDestroy, OnInit {
-  public defaultLanguageCode = DEFAULT_LANGUAGE_CODE;
-  public hasPermissionForBlog: boolean;
+  @HostBinding('class.with-info-message') get getHasMessage() {
+    return this.hasMessage;
+  }
+
+  public hasMessage: boolean;
  public hasPermissionForSubscription: boolean;
-  public isLoggedIn: boolean;
+  public tabs: {
+    iconName: string;
+    label: string;
+    path: string;
+    showCondition?: boolean;
+  }[] = [];
  public user: User;
-  public version = environment.version;

  private unsubscribeSubject = new Subject<void>();

@ -29,31 +39,50 @@ export class AboutPageComponent implements OnDestroy, OnInit {
    private dataService: DataService,
    private userService: UserService
  ) {
-    const { globalPermissions } = this.dataService.fetchInfo();
-
-    this.hasPermissionForBlog = hasPermission(
-      globalPermissions,
-      permissions.enableBlog
-    );
+    const { globalPermissions, systemMessage } = this.dataService.fetchInfo();

    this.hasPermissionForSubscription = hasPermission(
      globalPermissions,
      permissions.enableSubscription
    );
-  }

-  public ngOnInit() {
    this.userService.stateChanged
      .pipe(takeUntil(this.unsubscribeSubject))
      .subscribe((state) => {
        if (state?.user) {
+          this.tabs = [
+            {
+              iconName: 'reader-outline',
+              label: $localize`About`,
+              path: 'overview'
+            },
+            {
+              iconName: 'sparkles-outline',
+              label: $localize`Changelog & License`,
+              path: 'changelog'
+            },
+            {
+              iconName: 'shield-checkmark-outline',
+              label: $localize`Privacy Policy`,
+              path: 'privacy-policy',
+              showCondition: this.hasPermissionForSubscription
+            }
+          ];
          this.user = state.user;

+          this.hasMessage =
+            hasPermission(
+              this.user?.permissions,
+              permissions.createUserAccount
+            ) || !!systemMessage;
+
          this.changeDetectorRef.markForCheck();
        }
      });
  }

+  public ngOnInit() {}
+
  public ngOnDestroy() {
    this.unsubscribeSubject.next();
    this.unsubscribeSubject.complete();
--- a/apps/client/src/app/pages/about/about-page.html
+++ b/apps/client/src/app/pages/about/about-page.html
@ -1,178 +1,20 @@
-<div class="container">
-  <div class="mb-5 row">
-    <div class="col">
-      <h3 class="d-none d-sm-block mb-3 text-center">About Ghostfolio</h3>
-      <div class="about-container">
-        <p>
-          Ghostfolio is a lightweight wealth management application for
-          individuals to keep track of stocks, ETFs or cryptocurrencies and make
-          solid, data-driven investment decisions. The source code is fully
-          available as
-          <a
-            href="https://github.com/ghostfolio/ghostfolio"
-            title="Find Ghostfolio on GitHub"
-            >open source software</a
-          >
-          (OSS) under the
-          <a
-            href="https://www.gnu.org/licenses/agpl-3.0.html"
-            title="GNU Affero General Public License"
-            >AGPL-3.0 license</a
-          >
-          and we share aggregated
-          <a
-            href="https://ghostfol.io/{{ defaultLanguageCode }}/open"
-            title="Open Startup"
-            >key metrics</a
-          >
-          of the platform’s performance. The project has been initiated by
-          <a href="https://dotsilver.ch" title="Website of Thomas Kaul"
-            >Thomas Kaul</a
-          >
-          and is driven by the efforts of its
-          <a
-            href="https://github.com/ghostfolio/ghostfolio/graphs/contributors"
-            title="Contributors to Ghostfolio"
-            >contributors</a
-          >.
-          <ng-container *ngIf="version">
-            This instance is running Ghostfolio {{ version }}.
-          </ng-container>
-          <ng-container *ngIf="hasPermissionForSubscription"
-            >Check the system status at
-            <a href="https://status.ghostfol.io" title="Ghostfolio Status"
-              >status.ghostfol.io</a
-            >.</ng-container
-          >
-        </p>
-        <p>
-          If you encounter a bug or would like to suggest an improvement or a
-          new
-          <a [routerLink]="['/features']">feature</a>, please join the
-          Ghostfolio
-          <a
-            href="https://ghostfolio.slack.com"
-            title="Join the Ghostfolio Slack community"
-            >Slack community</a
-          >, tweet to
-          <a
-            href="https://twitter.com/ghostfolio_"
-            title="Tweet to Ghostfolio on Twitter"
-            >@ghostfolio_</a
-          ><ng-container *ngIf="user?.subscription?.type === 'Premium'"
-            >, send an e-mail to
-            <a href="mailto:hi@ghostfol.io" title="Send an e-mail"
-              >hi@ghostfol.io</a
-            ></ng-container
-          >
-          or start a discussion at
-          <a
-            href="https://github.com/ghostfolio/ghostfolio"
-            title="Find Ghostfolio on GitHub"
-            >GitHub</a
-          >.
-        </p>
-        <p class="text-center">
-          <a
-            class="mx-2"
-            href="https://twitter.com/ghostfolio_"
-            mat-icon-button
-            title="Follow Ghostfolio on Twitter"
-          >
-            <ion-icon name="logo-twitter"></ion-icon>
-          </a>
-          <a
-            *ngIf="user?.subscription?.type === 'Premium'"
-            class="mx-2"
-            href="mailto:hi@ghostfol.io"
-            mat-icon-button
-            title="Send an e-mail"
-          >
-            <ion-icon name="mail"></ion-icon>
-          </a>
-          <a
-            class="mx-2"
-            href="https://ghostfolio.slack.com"
-            mat-icon-button
-            title="Join the Ghostfolio Slack channel"
-          >
-            <ion-icon name="logo-slack"></ion-icon>
-          </a>
-          <a
-            class="mx-2"
-            href="https://github.com/ghostfolio/ghostfolio"
-            mat-icon-button
-            title="Find Ghostfolio on GitHub"
-          >
-            <ion-icon name="logo-github"></ion-icon>
-          </a>
-        </p>
-        <div
-          *ngIf="hasPermissionForSubscription"
-          class="d-flex justify-content-center"
-        >
-          <div
-            class="independent-and-bootstrapped-logo mb-2"
-            title="Ghostfolio is an independent & bootstrapped business"
-          ></div>
-        </div>
-        <div
-          *ngIf="!hasPermissionForSubscription"
-          class="d-flex justify-content-center"
-        >
-          <a
-            href="https://www.buymeacoffee.com/ghostfolio"
-            target="_blank"
-            title="Support Ghostfolio"
-            ><img
-              class="mb-2"
-              src="../assets/images/button-buy-me-a-coffee.png"
-              width="180"
-          /></a>
-        </div>
-      </div>
-    </div>
-  </div>
+<mat-tab-nav-panel #tabPanel class="flex-grow-1 overflow-auto">
+  <router-outlet></router-outlet>
+</mat-tab-nav-panel>

-  <div class="row">
-    <div *ngIf="hasPermissionForSubscription" class="col-md-3 col-xs-12 my-2">
-      <a
-        class="py-4 w-100"
-        color="primary"
-        mat-flat-button
-        [routerLink]="['/faq']"
-        >FAQ</a
-      >
-    </div>
-    <div
-      class="col-md-3 col-xs-12 my-2"
-      [ngClass]="{ 'mx-auto': !hasPermissionForBlog }"
+<nav mat-align-tabs="center" mat-tab-nav-bar [tabPanel]="tabPanel">
+  <ng-container *ngFor="let tab of tabs">
+    <a
+      #rla="routerLinkActive"
+      *ngIf="tab.showCondition !== false"
+      class="px-3"
+      mat-tab-link
+      routerLinkActive
+      [active]="rla.isActive"
+      [routerLink]="tab.path"
    >
-      <a
-        class="py-4 w-100"
-        color="primary"
-        mat-flat-button
-        [routerLink]="['/about', 'changelog']"
-        >Changelog & License</a
-      >
-    </div>
-    <div *ngIf="hasPermissionForSubscription" class="col-md-3 col-xs-12 my-2">
-      <a
-        class="py-4 w-100"
-        color="primary"
-        mat-flat-button
-        [routerLink]="['/about', 'privacy-policy']"
-        >Privacy Policy</a
-      >
-    </div>
-    <div *ngIf="hasPermissionForBlog" class="col-md-3 col-xs-12 my-2">
-      <a
-        class="py-4 w-100"
-        color="primary"
-        mat-flat-button
-        [routerLink]="['/blog']"
-        >Blog</a
-      >
-    </div>
-  </div>
-</div>
+      <ion-icon size="large" [name]="tab.iconName"></ion-icon>
+      <div class="d-none d-sm-block ml-2">{{ tab.label }}</div>
+    </a>
+  </ng-container>
+</nav>
--- a/apps/client/src/app/pages/about/about-page.module.ts
+++ b/apps/client/src/app/pages/about/about-page.module.ts
@ -1,13 +1,14 @@
 import { CommonModule } from '@angular/common';
 import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
+import { MatTabsModule } from '@angular/material/tabs';
+import { RouterModule } from '@angular/router';

 import { AboutPageRoutingModule } from './about-page-routing.module';
 import { AboutPageComponent } from './about-page.component';

@NgModule({
  declarations: [AboutPageComponent],
-  imports: [AboutPageRoutingModule, CommonModule, MatButtonModule],
+  imports: [CommonModule, MatTabsModule, AboutPageRoutingModule, RouterModule],
  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AboutPageModule {}
--- a/apps/client/src/app/pages/about/about-page.scss
+++ b/apps/client/src/app/pages/about/about-page.scss
@ -1,36 +1,35 @@
+@import 'apps/client/src/styles/ghostfolio-style';
+
 :host {
  color: rgb(var(--dark-primary-text));
-  display: block;
+  display: flex;
+  flex-direction: column;
+  height: calc(100vh - 5rem);
+  overflow-y: auto;

-  .about-container {
-    a {
-      color: rgba(var(--palette-primary-500), 1);
-      font-weight: 500;
+  padding-bottom: env(safe-area-inset-bottom);
+  padding-bottom: constant(safe-area-inset-bottom);

-      &:hover {
-        color: rgba(var(--palette-primary-300), 1);
-      }
+  ::ng-deep {
+    gf-about-page,
+    gf-changelog-page,
+    gf-privacy-policy-page {
+      flex: 1 1 auto;
+      overflow-y: auto;
    }

-    .independent-and-bootstrapped-logo {
-      background-image: url('/assets/bootstrapped-dark.svg');
-      background-position: center;
-      background-repeat: no-repeat;
-      background-size: contain;
-      height: 2rem;
-      opacity: 0.87;
-      width: 10rem;
+    .mat-mdc-tab-link-container {
+      --mdc-tab-indicator-active-indicator-color: transparent;
+
+      .mat-mdc-tab-link {
+        &:hover {
+          opacity: 0.75;
+        }
+      }
    }
  }
 }

 :host-context(.is-dark-theme) {
  color: rgb(var(--light-primary-text));
-
-  .about-container {
-    .independent-and-bootstrapped-logo {
-      background-image: url('/assets/bootstrapped-light.svg');
-      opacity: 1;
-    }
-  }
 }
--- a/apps/client/src/app/pages/about/overview/about-overview-page-routing.module.ts
+++ b/apps/client/src/app/pages/about/overview/about-overview-page-routing.module.ts
@ -0,0 +1,20 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { AuthGuard } from '@ghostfolio/client/core/auth.guard';
+
+import { AboutOverviewPageComponent } from './about-overview-page.component';
+
+const routes: Routes = [
+  {
+    canActivate: [AuthGuard],
+    component: AboutOverviewPageComponent,
+    path: '',
+    title: $localize`About`
+  }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class AboutOverviewPageRoutingModule {}
--- a/apps/client/src/app/pages/about/overview/about-overview-page.component.ts
+++ b/apps/client/src/app/pages/about/overview/about-overview-page.component.ts
@ -0,0 +1,61 @@
+import { ChangeDetectorRef, Component, OnDestroy, OnInit } from '@angular/core';
+import { environment } from '@ghostfolio/client/../environments/environment';
+import { DataService } from '@ghostfolio/client/services/data.service';
+import { UserService } from '@ghostfolio/client/services/user/user.service';
+import { DEFAULT_LANGUAGE_CODE } from '@ghostfolio/common/config';
+import { User } from '@ghostfolio/common/interfaces';
+import { hasPermission, permissions } from '@ghostfolio/common/permissions';
+import { Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+
+@Component({
+  host: { class: 'page' },
+  selector: 'gf-about-overview-page',
+  styleUrls: ['./about-overview-page.scss'],
+  templateUrl: './about-overview-page.html'
+})
+export class AboutOverviewPageComponent implements OnDestroy, OnInit {
+  public defaultLanguageCode = DEFAULT_LANGUAGE_CODE;
+  public hasPermissionForBlog: boolean;
+  public hasPermissionForSubscription: boolean;
+  public isLoggedIn: boolean;
+  public user: User;
+  public version = environment.version;
+
+  private unsubscribeSubject = new Subject<void>();
+
+  public constructor(
+    private changeDetectorRef: ChangeDetectorRef,
+    private dataService: DataService,
+    private userService: UserService
+  ) {
+    const { globalPermissions } = this.dataService.fetchInfo();
+
+    this.hasPermissionForBlog = hasPermission(
+      globalPermissions,
+      permissions.enableBlog
+    );
+
+    this.hasPermissionForSubscription = hasPermission(
+      globalPermissions,
+      permissions.enableSubscription
+    );
+  }
+
+  public ngOnInit() {
+    this.userService.stateChanged
+      .pipe(takeUntil(this.unsubscribeSubject))
+      .subscribe((state) => {
+        if (state?.user) {
+          this.user = state.user;
+
+          this.changeDetectorRef.markForCheck();
+        }
+      });
+  }
+
+  public ngOnDestroy() {
+    this.unsubscribeSubject.next();
+    this.unsubscribeSubject.complete();
+  }
+}
--- a/apps/client/src/app/pages/about/overview/about-overview-page.html
+++ b/apps/client/src/app/pages/about/overview/about-overview-page.html
@ -0,0 +1,157 @@
+<div class="container">
+  <div class="mb-5 row">
+    <div class="col">
+      <h3 class="d-none d-sm-block mb-3 text-center">About Ghostfolio</h3>
+      <div class="about-container">
+        <p>
+          Ghostfolio is a lightweight wealth management application for
+          individuals to keep track of stocks, ETFs or cryptocurrencies and make
+          solid, data-driven investment decisions. The source code is fully
+          available as
+          <a
+            href="https://github.com/ghostfolio/ghostfolio"
+            title="Find Ghostfolio on GitHub"
+            >open source software</a
+          >
+          (OSS) under the
+          <a
+            href="https://www.gnu.org/licenses/agpl-3.0.html"
+            title="GNU Affero General Public License"
+            >AGPL-3.0 license</a
+          >
+          and we share aggregated
+          <a
+            href="https://ghostfol.io/{{ defaultLanguageCode }}/open"
+            title="Open Startup"
+            >key metrics</a
+          >
+          of the platform’s performance. The project has been initiated by
+          <a href="https://dotsilver.ch" title="Website of Thomas Kaul"
+            >Thomas Kaul</a
+          >
+          and is driven by the efforts of its
+          <a
+            href="https://github.com/ghostfolio/ghostfolio/graphs/contributors"
+            title="Contributors to Ghostfolio"
+            >contributors</a
+          >.
+          <ng-container *ngIf="version">
+            This instance is running Ghostfolio {{ version }}.
+          </ng-container>
+          <ng-container *ngIf="hasPermissionForSubscription"
+            >Check the system status at
+            <a href="https://status.ghostfol.io" title="Ghostfolio Status"
+              >status.ghostfol.io</a
+            >.</ng-container
+          >
+        </p>
+        <p>
+          If you encounter a bug or would like to suggest an improvement or a
+          new
+          <a [routerLink]="['/features']">feature</a>, please join the
+          Ghostfolio
+          <a
+            href="https://ghostfolio.slack.com"
+            title="Join the Ghostfolio Slack community"
+            >Slack community</a
+          >, tweet to
+          <a
+            href="https://twitter.com/ghostfolio_"
+            title="Tweet to Ghostfolio on Twitter"
+            >@ghostfolio_</a
+          ><ng-container *ngIf="user?.subscription?.type === 'Premium'"
+            >, send an e-mail to
+            <a href="mailto:hi@ghostfol.io" title="Send an e-mail"
+              >hi@ghostfol.io</a
+            ></ng-container
+          >
+          or start a discussion at
+          <a
+            href="https://github.com/ghostfolio/ghostfolio"
+            title="Find Ghostfolio on GitHub"
+            >GitHub</a
+          >.
+        </p>
+        <p class="text-center">
+          <a
+            class="mx-2"
+            href="https://twitter.com/ghostfolio_"
+            mat-icon-button
+            title="Follow Ghostfolio on Twitter"
+          >
+            <ion-icon name="logo-twitter"></ion-icon>
+          </a>
+          <a
+            *ngIf="user?.subscription?.type === 'Premium'"
+            class="mx-2"
+            href="mailto:hi@ghostfol.io"
+            mat-icon-button
+            title="Send an e-mail"
+          >
+            <ion-icon name="mail"></ion-icon>
+          </a>
+          <a
+            class="mx-2"
+            href="https://ghostfolio.slack.com"
+            mat-icon-button
+            title="Join the Ghostfolio Slack channel"
+          >
+            <ion-icon name="logo-slack"></ion-icon>
+          </a>
+          <a
+            class="mx-2"
+            href="https://github.com/ghostfolio/ghostfolio"
+            mat-icon-button
+            title="Find Ghostfolio on GitHub"
+          >
+            <ion-icon name="logo-github"></ion-icon>
+          </a>
+        </p>
+        <div
+          *ngIf="hasPermissionForSubscription"
+          class="d-flex justify-content-center"
+        >
+          <div
+            class="independent-and-bootstrapped-logo mb-2"
+            title="Ghostfolio is an independent & bootstrapped business"
+          ></div>
+        </div>
+        <div
+          *ngIf="!hasPermissionForSubscription"
+          class="d-flex justify-content-center"
+        >
+          <a
+            href="https://www.buymeacoffee.com/ghostfolio"
+            target="_blank"
+            title="Support Ghostfolio"
+            ><img
+              class="mb-2"
+              src="../assets/images/button-buy-me-a-coffee.png"
+              width="180"
+          /></a>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <div class="row">
+    <div *ngIf="hasPermissionForSubscription" class="col-md-6 col-xs-12 my-2">
+      <a
+        class="py-4 w-100"
+        color="primary"
+        mat-flat-button
+        [routerLink]="['/faq']"
+        >Frequently Asked Questions (FAQ)</a
+      >
+    </div>
+    <div *ngIf="hasPermissionForBlog" class="col-md-6 col-xs-12 my-2">
+      <a
+        class="py-4 w-100"
+        color="primary"
+        mat-flat-button
+        [routerLink]="['/blog']"
+        >Blog</a
+      >
+    </div>
+  </div>
+</div>
--- a/apps/client/src/app/pages/about/overview/about-overview-page.module.ts
+++ b/apps/client/src/app/pages/about/overview/about-overview-page.module.ts
@ -0,0 +1,13 @@
+import { CommonModule } from '@angular/common';
+import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
+import { MatButtonModule } from '@angular/material/button';
+
+import { AboutOverviewPageRoutingModule } from './about-overview-page-routing.module';
+import { AboutOverviewPageComponent } from './about-overview-page.component';
+
+@NgModule({
+  declarations: [AboutOverviewPageComponent],
+  imports: [AboutOverviewPageRoutingModule, CommonModule, MatButtonModule],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
+})
+export class AboutOverviewPageModule {}
--- a/apps/client/src/app/pages/about/overview/about-overview-page.scss
+++ b/apps/client/src/app/pages/about/overview/about-overview-page.scss
@ -0,0 +1,36 @@
+:host {
+  color: rgb(var(--dark-primary-text));
+  display: block;
+
+  .about-container {
+    a {
+      color: rgba(var(--palette-primary-500), 1);
+      font-weight: 500;
+
+      &:hover {
+        color: rgba(var(--palette-primary-300), 1);
+      }
+    }
+
+    .independent-and-bootstrapped-logo {
+      background-image: url('/assets/bootstrapped-dark.svg');
+      background-position: center;
+      background-repeat: no-repeat;
+      background-size: contain;
+      height: 2rem;
+      opacity: 0.87;
+      width: 10rem;
+    }
+  }
+}
+
+:host-context(.is-dark-theme) {
+  color: rgb(var(--light-primary-text));
+
+  .about-container {
+    .independent-and-bootstrapped-logo {
+      background-image: url('/assets/bootstrapped-light.svg');
+      opacity: 1;
+    }
+  }
+}
--- a/apps/client/src/app/pages/admin/admin-page.component.ts
+++ b/apps/client/src/app/pages/admin/admin-page.component.ts
@ -13,7 +13,12 @@ export class AdminPageComponent implements OnDestroy, OnInit {
  }

  public hasMessage: boolean;
-  public tabs: { iconName: string; label: string; path: string }[] = [];
+  public tabs: {
+    iconName: string;
+    label: string;
+    path: string;
+    showCondition?: boolean;
+  }[] = [];

  private unsubscribeSubject = new Subject<void>();

--- a/apps/client/src/app/pages/admin/admin-page.html
+++ b/apps/client/src/app/pages/admin/admin-page.html
@ -3,16 +3,18 @@
 </mat-tab-nav-panel>

 <nav mat-align-tabs="center" mat-tab-nav-bar [tabPanel]="tabPanel">
-  <a
-    #rla="routerLinkActive"
-    *ngFor="let tab of tabs"
-    class="px-3"
-    mat-tab-link
-    routerLinkActive
-    [active]="rla.isActive"
-    [routerLink]="tab.path"
-  >
-    <ion-icon size="large" [name]="tab.iconName"></ion-icon>
-    <div class="d-none d-sm-block ml-2">{{ tab.label }}</div>
-  </a>
+  <ng-container *ngFor="let tab of tabs">
+    <a
+      #rla="routerLinkActive"
+      *ngIf="tab.showCondition !== false"
+      class="px-3"
+      mat-tab-link
+      routerLinkActive
+      [active]="rla.isActive"
+      [routerLink]="tab.path"
+    >
+      <ion-icon size="large" [name]="tab.iconName"></ion-icon>
+      <div class="d-none d-sm-block ml-2">{{ tab.label }}</div>
+    </a>
+  </ng-container>
 </nav>
--- a/apps/client/src/app/pages/home/home-page.component.ts
+++ b/apps/client/src/app/pages/home/home-page.component.ts
@ -25,7 +25,12 @@ export class HomePageComponent implements OnDestroy, OnInit {
  public hasMessage: boolean;
  public hasPermissionToAccessFearAndGreedIndex: boolean;
  public info: InfoItem;
-  public tabs: { iconName: string; label: string; path: string }[] = [];
+  public tabs: {
+    iconName: string;
+    label: string;
+    path: string;
+    showCondition?: boolean;
+  }[] = [];
  public user: User;

  private unsubscribeSubject = new Subject<void>();
--- a/apps/client/src/app/pages/home/home-page.html
+++ b/apps/client/src/app/pages/home/home-page.html
@ -3,15 +3,18 @@
 </mat-tab-nav-panel>

 <nav mat-align-tabs="center" mat-tab-nav-bar [tabPanel]="tabPanel">
-  <a
-    #rla="routerLinkActive"
-    *ngFor="let tab of tabs"
-    mat-tab-link
-    routerLinkActive
-    [active]="rla.isActive"
-    [routerLink]="tab.path"
-  >
-    <ion-icon size="large" [name]="tab.iconName"></ion-icon>
-    <div class="d-none d-sm-block ml-2">{{ tab.label }}</div>
-  </a>
+  <ng-container *ngFor="let tab of tabs">
+    <a
+      #rla="routerLinkActive"
+      *ngIf="tab.showCondition !== false"
+      class="px-3"
+      mat-tab-link
+      routerLinkActive
+      [active]="rla.isActive"
+      [routerLink]="tab.path"
+    >
+      <ion-icon size="large" [name]="tab.iconName"></ion-icon>
+      <div class="d-none d-sm-block ml-2">{{ tab.label }}</div>
+    </a>
+  </ng-container>
 </nav>
--- a/apps/client/src/app/pages/portfolio/portfolio-page.component.ts
+++ b/apps/client/src/app/pages/portfolio/portfolio-page.component.ts
@ -24,7 +24,12 @@ export class PortfolioPageComponent implements OnDestroy, OnInit {

  public hasMessage: boolean;
  public info: InfoItem;
-  public tabs: { iconName: string; label: string; path: string }[] = [];
+  public tabs: {
+    iconName: string;
+    label: string;
+    path: string;
+    showCondition?: boolean;
+  }[] = [];
  public user: User;

  private unsubscribeSubject = new Subject<void>();
--- a/apps/client/src/app/pages/portfolio/portfolio-page.html
+++ b/apps/client/src/app/pages/portfolio/portfolio-page.html
@ -3,16 +3,18 @@
 </mat-tab-nav-panel>

 <nav mat-align-tabs="center" mat-tab-nav-bar [tabPanel]="tabPanel">
-  <a
-    #rla="routerLinkActive"
-    *ngFor="let tab of tabs"
-    class="px-3"
-    mat-tab-link
-    routerLinkActive
-    [active]="rla.isActive"
-    [routerLink]="tab.path"
-  >
-    <ion-icon size="large" [name]="tab.iconName"></ion-icon>
-    <div class="d-none d-sm-block ml-2">{{ tab.label }}</div>
-  </a>
+  <ng-container *ngFor="let tab of tabs">
+    <a
+      #rla="routerLinkActive"
+      *ngIf="tab.showCondition !== false"
+      class="px-3"
+      mat-tab-link
+      routerLinkActive
+      [active]="rla.isActive"
+      [routerLink]="tab.path"
+    >
+      <ion-icon size="large" [name]="tab.iconName"></ion-icon>
+      <div class="d-none d-sm-block ml-2">{{ tab.label }}</div>
+    </a>
+  </ng-container>
 </nav>
--- a/apps/client/src/app/pages/zen/zen-page.component.ts
+++ b/apps/client/src/app/pages/zen/zen-page.component.ts
@ -18,7 +18,12 @@ import { first, takeUntil } from 'rxjs/operators';
  styleUrls: ['./zen-page.scss']
 })
 export class ZenPageComponent implements AfterViewInit, OnDestroy, OnInit {
-  public tabs: { iconName: string; label: string; path: string }[] = [];
+  public tabs: {
+    iconName: string;
+    label: string;
+    path: string;
+    showCondition?: boolean;
+  }[] = [];
  public user: User;

  private unsubscribeSubject = new Subject<void>();
--- a/apps/client/src/app/pages/zen/zen-page.html
+++ b/apps/client/src/app/pages/zen/zen-page.html
@ -3,15 +3,18 @@
 </mat-tab-nav-panel>

 <nav mat-align-tabs="center" mat-tab-nav-bar [tabPanel]="tabPanel">
-  <a
-    #rla="routerLinkActive"
-    *ngFor="let tab of tabs"
-    mat-tab-link
-    routerLinkActive
-    [active]="rla.isActive"
-    [routerLink]="tab.path"
-  >
-    <ion-icon size="large" [name]="tab.iconName"></ion-icon>
-    <div class="d-none d-sm-block ml-2">{{ tab.label }}</div>
-  </a>
+  <ng-container *ngFor="let tab of tabs">
+    <a
+      #rla="routerLinkActive"
+      *ngIf="tab.showCondition !== false"
+      class="px-3"
+      mat-tab-link
+      routerLinkActive
+      [active]="rla.isActive"
+      [routerLink]="tab.path"
+    >
+      <ion-icon size="large" [name]="tab.iconName"></ion-icon>
+      <div class="d-none d-sm-block ml-2">{{ tab.label }}</div>
+    </a>
+  </ng-container>
 </nav>
--- a/apps/client/src/locales/messages.de.xlf
+++ b/apps/client/src/locales/messages.de.xlf
@ -18,7 +18,7 @@
        <target state="translated">Das Ausfallrisiko beim Börsenhandel kann erheblich sein. Es ist nicht ratsam, Geld zu investieren, welches du kurzfristig benötigst.</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">143,144</context>
+          <context context-type="linenumber">164,165</context>
        </context-group>
      </trans-unit>
      <trans-unit id="b6192ee60a5e0e40874f4d02fbaaa584a0f1541e" datatype="html">
@ -742,7 +742,7 @@
        <target state="translated">Ressourcen</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">68</context>
+          <context context-type="linenumber">70</context>
        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/components/header/header.component.html</context>
@ -762,7 +762,7 @@
        <target state="translated">Preise</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">91</context>
+          <context context-type="linenumber">93</context>
        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/components/header/header.component.html</context>
@ -782,7 +782,7 @@
        <target state="translated">Über</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">74</context>
+          <context context-type="linenumber">76</context>
        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/components/header/header.component.html</context>
@ -822,7 +822,7 @@
        <target state="translated">Features</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">83</context>
+          <context context-type="linenumber">85</context>
        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/components/header/header.component.html</context>
@ -834,7 +834,7 @@
        <target state="translated">Märkte</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">67</context>
+          <context context-type="linenumber">69</context>
        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/components/header/header.component.html</context>
@ -1306,6 +1306,14 @@
        <target state="translated">Über Ghostfolio</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/pages/about/about-page-routing.module.ts</context>
+          <context context-type="linenumber">36</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">apps/client/src/app/pages/about/about-page.component.ts</context>
+          <context context-type="linenumber">56</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">apps/client/src/app/pages/about/overview/about-overview-page-routing.module.ts</context>
          <context context-type="linenumber">12</context>
        </context-group>
      </trans-unit>
@ -1314,7 +1322,7 @@
        <target state="translated">Datenschutzbestimmungen</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">95</context>
+          <context context-type="linenumber">97</context>
        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/pages/about/privacy-policy/privacy-policy-page.html</context>
@ -1326,7 +1334,7 @@
        <target state="translated">Blog</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">76</context>
+          <context context-type="linenumber">78</context>
        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/pages/blog/2021/07/hallo-ghostfolio/hallo-ghostfolio-page.html</context>
@ -1388,6 +1396,10 @@
      <trans-unit id="8412433333528458419" datatype="html">
        <source>Changelog &amp; License</source>
        <target state="translated">Changelog &amp; Lizenz</target>
+        <context-group purpose="location">
+          <context context-type="sourcefile">apps/client/src/app/pages/about/about-page.component.ts</context>
+          <context context-type="linenumber">61</context>
+        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/pages/about/changelog/changelog-page-routing.module.ts</context>
          <context context-type="linenumber">12</context>
@ -1412,6 +1424,10 @@
      <trans-unit id="8439955599488894226" datatype="html">
        <source>Privacy Policy</source>
        <target state="translated">Datenschutzbestimmungen</target>
+        <context-group purpose="location">
+          <context context-type="sourcefile">apps/client/src/app/pages/about/about-page.component.ts</context>
+          <context context-type="linenumber">66</context>
+        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/pages/about/privacy-policy/privacy-policy-page-routing.module.ts</context>
          <context context-type="linenumber">12</context>
@ -3026,7 +3042,7 @@
        <target state="translated">Community</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">106</context>
+          <context context-type="linenumber">108</context>
        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/pages/account/account-page.html</context>
@ -3906,7 +3922,7 @@
        <target state="translated">Private Finanzen</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">65</context>
+          <context context-type="linenumber">67</context>
        </context-group>
      </trans-unit>
      <trans-unit id="047bbaa6688d60d0b0e5ca230d076450bdbf1e60" datatype="html">
@ -3914,7 +3930,7 @@
        <target state="translated">Changelog &amp; Lizenz</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">80</context>
+          <context context-type="linenumber">82</context>
        </context-group>
      </trans-unit>
      <trans-unit id="6992d42edf46c12a4a9ecb3b7a46761a967c8ee1" datatype="html">
@ -3922,7 +3938,7 @@
        <target state="translated">Häufig gestellte Fragen (FAQ)</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">85</context>
+          <context context-type="linenumber">87</context>
        </context-group>
      </trans-unit>
    </body>
--- a/apps/client/src/locales/messages.es.xlf
+++ b/apps/client/src/locales/messages.es.xlf
@ -19,7 +19,7 @@
        <target state="new">El riesgo de pérdida en trading puede ser importante. No es aconsejable invertir dinero que puedas necesitar a corto plazo.</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">143,144</context>
+          <context context-type="linenumber">164,165</context>
        </context-group>
      </trans-unit>
      <trans-unit id="b6192ee60a5e0e40874f4d02fbaaa584a0f1541e" datatype="html">
@ -743,7 +743,7 @@
        <target state="translated">Recursos</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">68</context>
+          <context context-type="linenumber">70</context>
        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/components/header/header.component.html</context>
@ -763,7 +763,7 @@
        <target state="translated">Precios</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">91</context>
+          <context context-type="linenumber">93</context>
        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/components/header/header.component.html</context>
@ -783,7 +783,7 @@
        <target state="translated">Sobre</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">74</context>
+          <context context-type="linenumber">76</context>
        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/components/header/header.component.html</context>
@ -823,7 +823,7 @@
        <target state="translated">Funcionalidades</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">83</context>
+          <context context-type="linenumber">85</context>
        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/components/header/header.component.html</context>
@ -835,7 +835,7 @@
        <target state="translated">Mercados</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">67</context>
+          <context context-type="linenumber">69</context>
        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/components/header/header.component.html</context>
@ -1307,6 +1307,14 @@
        <target state="translated">Sobre</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/pages/about/about-page-routing.module.ts</context>
+          <context context-type="linenumber">36</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">apps/client/src/app/pages/about/about-page.component.ts</context>
+          <context context-type="linenumber">56</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">apps/client/src/app/pages/about/overview/about-overview-page-routing.module.ts</context>
          <context context-type="linenumber">12</context>
        </context-group>
      </trans-unit>
@ -1315,7 +1323,7 @@
        <target state="translated">Política de privacidad</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">95</context>
+          <context context-type="linenumber">97</context>
        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/pages/about/privacy-policy/privacy-policy-page.html</context>
@ -1327,7 +1335,7 @@
        <target state="translated">Blog</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">76</context>
+          <context context-type="linenumber">78</context>
        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/pages/blog/2021/07/hallo-ghostfolio/hallo-ghostfolio-page.html</context>
@ -1389,6 +1397,10 @@
      <trans-unit id="8412433333528458419" datatype="html">
        <source>Changelog &amp; License</source>
        <target state="translated">Registro de cambios &amp; Licencia de uso</target>
+        <context-group purpose="location">
+          <context context-type="sourcefile">apps/client/src/app/pages/about/about-page.component.ts</context>
+          <context context-type="linenumber">61</context>
+        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/pages/about/changelog/changelog-page-routing.module.ts</context>
          <context context-type="linenumber">12</context>
@ -1413,6 +1425,10 @@
      <trans-unit id="8439955599488894226" datatype="html">
        <source>Privacy Policy</source>
        <target state="translated">Política de privacidad</target>
+        <context-group purpose="location">
+          <context context-type="sourcefile">apps/client/src/app/pages/about/about-page.component.ts</context>
+          <context context-type="linenumber">66</context>
+        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/pages/about/privacy-policy/privacy-policy-page-routing.module.ts</context>
          <context context-type="linenumber">12</context>
@ -3027,7 +3043,7 @@
        <target state="translated">Comunidad</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">106</context>
+          <context context-type="linenumber">108</context>
        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/pages/account/account-page.html</context>
@ -3907,7 +3923,7 @@
        <target state="new">Personal Finance</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">65</context>
+          <context context-type="linenumber">67</context>
        </context-group>
      </trans-unit>
      <trans-unit id="047bbaa6688d60d0b0e5ca230d076450bdbf1e60" datatype="html">
@ -3915,7 +3931,7 @@
        <target state="new">Changelog &amp; License</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">80</context>
+          <context context-type="linenumber">82</context>
        </context-group>
      </trans-unit>
      <trans-unit id="6992d42edf46c12a4a9ecb3b7a46761a967c8ee1" datatype="html">
@ -3923,7 +3939,7 @@
        <target state="new">Frequently Asked Questions (FAQ)</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">85</context>
+          <context context-type="linenumber">87</context>
        </context-group>
      </trans-unit>
    </body>
--- a/apps/client/src/locales/messages.fr.xlf
+++ b/apps/client/src/locales/messages.fr.xlf
@ -6,7 +6,7 @@
        <target state="new">Le risque de perte en investissant peut être important. Il est déconseillé d&apos;investir de l&apos;argent dont vous pourriez avoir besoin à court terme.</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">143,144</context>
+          <context context-type="linenumber">164,165</context>
        </context-group>
      </trans-unit>
      <trans-unit id="fbaaeb297e70b9a800acf841b9d26c19d60651ef" datatype="html">
@ -1030,7 +1030,7 @@
        <target state="translated">Ressources</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">68</context>
+          <context context-type="linenumber">70</context>
        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/components/header/header.component.html</context>
@ -1050,7 +1050,7 @@
        <target state="translated">Prix</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">91</context>
+          <context context-type="linenumber">93</context>
        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/components/header/header.component.html</context>
@ -1070,7 +1070,7 @@
        <target state="translated">À propos</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">74</context>
+          <context context-type="linenumber">76</context>
        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/components/header/header.component.html</context>
@ -1110,7 +1110,7 @@
        <target state="translated">Fonctionnalités</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">83</context>
+          <context context-type="linenumber">85</context>
        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/components/header/header.component.html</context>
@ -1122,7 +1122,7 @@
        <target state="translated">Marchés</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">67</context>
+          <context context-type="linenumber">69</context>
        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/components/header/header.component.html</context>
@ -1658,12 +1658,24 @@
        <target state="translated">À propos</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/pages/about/about-page-routing.module.ts</context>
+          <context context-type="linenumber">36</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">apps/client/src/app/pages/about/about-page.component.ts</context>
+          <context context-type="linenumber">56</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">apps/client/src/app/pages/about/overview/about-overview-page-routing.module.ts</context>
          <context context-type="linenumber">12</context>
        </context-group>
      </trans-unit>
      <trans-unit id="8412433333528458419" datatype="html">
        <source>Changelog &amp; License</source>
        <target state="translated">Historique des modifications &amp; License</target>
+        <context-group purpose="location">
+          <context context-type="sourcefile">apps/client/src/app/pages/about/about-page.component.ts</context>
+          <context context-type="linenumber">61</context>
+        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/pages/about/changelog/changelog-page-routing.module.ts</context>
          <context context-type="linenumber">12</context>
@ -1688,6 +1700,10 @@
      <trans-unit id="8439955599488894226" datatype="html">
        <source>Privacy Policy</source>
        <target state="Politique de Vie Privée">Politique de Vie Privée</target>
+        <context-group purpose="location">
+          <context context-type="sourcefile">apps/client/src/app/pages/about/about-page.component.ts</context>
+          <context context-type="linenumber">66</context>
+        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/pages/about/privacy-policy/privacy-policy-page-routing.module.ts</context>
          <context context-type="linenumber">12</context>
@ -1698,7 +1714,7 @@
        <target state="translated">Politique de Vie Privée</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">95</context>
+          <context context-type="linenumber">97</context>
        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/pages/about/privacy-policy/privacy-policy-page.html</context>
@ -1846,7 +1862,7 @@
        <target state="translated">Communauté</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">106</context>
+          <context context-type="linenumber">108</context>
        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/pages/account/account-page.html</context>
@ -2074,7 +2090,7 @@
        <target state="translated">Blog</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">76</context>
+          <context context-type="linenumber">78</context>
        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/pages/blog/2021/07/hallo-ghostfolio/hallo-ghostfolio-page.html</context>
@ -3905,7 +3921,7 @@
        <target state="new">Personal Finance</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">65</context>
+          <context context-type="linenumber">67</context>
        </context-group>
      </trans-unit>
      <trans-unit id="047bbaa6688d60d0b0e5ca230d076450bdbf1e60" datatype="html">
@ -3913,7 +3929,7 @@
        <target state="new">Changelog &amp; License</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">80</context>
+          <context context-type="linenumber">82</context>
        </context-group>
      </trans-unit>
      <trans-unit id="6992d42edf46c12a4a9ecb3b7a46761a967c8ee1" datatype="html">
@ -3921,7 +3937,7 @@
        <target state="new">Frequently Asked Questions (FAQ)</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">85</context>
+          <context context-type="linenumber">87</context>
        </context-group>
      </trans-unit>
    </body>
--- a/apps/client/src/locales/messages.it.xlf
+++ b/apps/client/src/locales/messages.it.xlf
@ -19,7 +19,7 @@
        <target state="new">Il rischio di perdita nel trading può essere notevole. Non è consigliabile investire denaro di cui potresti avere bisogno a breve termine.</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">143,144</context>
+          <context context-type="linenumber">164,165</context>
        </context-group>
      </trans-unit>
      <trans-unit id="b6192ee60a5e0e40874f4d02fbaaa584a0f1541e" datatype="html">
@ -743,7 +743,7 @@
        <target state="translated">Risorse</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">68</context>
+          <context context-type="linenumber">70</context>
        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/components/header/header.component.html</context>
@ -763,7 +763,7 @@
        <target state="translated">Prezzi</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">91</context>
+          <context context-type="linenumber">93</context>
        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/components/header/header.component.html</context>
@ -783,7 +783,7 @@
        <target state="translated">Informazioni su</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">74</context>
+          <context context-type="linenumber">76</context>
        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/components/header/header.component.html</context>
@ -823,7 +823,7 @@
        <target state="translated">Funzionalità</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">83</context>
+          <context context-type="linenumber">85</context>
        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/components/header/header.component.html</context>
@ -835,7 +835,7 @@
        <target state="translated">Mercati</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">67</context>
+          <context context-type="linenumber">69</context>
        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/components/header/header.component.html</context>
@ -1307,6 +1307,14 @@
        <target state="translated">Informazioni su</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/pages/about/about-page-routing.module.ts</context>
+          <context context-type="linenumber">36</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">apps/client/src/app/pages/about/about-page.component.ts</context>
+          <context context-type="linenumber">56</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">apps/client/src/app/pages/about/overview/about-overview-page-routing.module.ts</context>
          <context context-type="linenumber">12</context>
        </context-group>
      </trans-unit>
@ -1315,7 +1323,7 @@
        <target state="translated">Informativa sulla privacy</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">95</context>
+          <context context-type="linenumber">97</context>
        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/pages/about/privacy-policy/privacy-policy-page.html</context>
@ -1327,7 +1335,7 @@
        <target state="translated">Blog</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">76</context>
+          <context context-type="linenumber">78</context>
        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/pages/blog/2021/07/hallo-ghostfolio/hallo-ghostfolio-page.html</context>
@ -1389,6 +1397,10 @@
      <trans-unit id="8412433333528458419" datatype="html">
        <source>Changelog &amp; License</source>
        <target state="translated">Registro delle modifiche &amp; Licenza</target>
+        <context-group purpose="location">
+          <context context-type="sourcefile">apps/client/src/app/pages/about/about-page.component.ts</context>
+          <context context-type="linenumber">61</context>
+        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/pages/about/changelog/changelog-page-routing.module.ts</context>
          <context context-type="linenumber">12</context>
@ -1413,6 +1425,10 @@
      <trans-unit id="8439955599488894226" datatype="html">
        <source>Privacy Policy</source>
        <target state="translated">Informativa sulla privacy</target>
+        <context-group purpose="location">
+          <context context-type="sourcefile">apps/client/src/app/pages/about/about-page.component.ts</context>
+          <context context-type="linenumber">66</context>
+        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/pages/about/privacy-policy/privacy-policy-page-routing.module.ts</context>
          <context context-type="linenumber">12</context>
@ -3027,7 +3043,7 @@
        <target state="new">Community</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">106</context>
+          <context context-type="linenumber">108</context>
        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/pages/account/account-page.html</context>
@ -3907,7 +3923,7 @@
        <target state="new">Personal Finance</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">65</context>
+          <context context-type="linenumber">67</context>
        </context-group>
      </trans-unit>
      <trans-unit id="047bbaa6688d60d0b0e5ca230d076450bdbf1e60" datatype="html">
@ -3915,7 +3931,7 @@
        <target state="new">Changelog &amp; License</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">80</context>
+          <context context-type="linenumber">82</context>
        </context-group>
      </trans-unit>
      <trans-unit id="6992d42edf46c12a4a9ecb3b7a46761a967c8ee1" datatype="html">
@ -3923,7 +3939,7 @@
        <target state="new">Frequently Asked Questions (FAQ)</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">85</context>
+          <context context-type="linenumber">87</context>
        </context-group>
      </trans-unit>
    </body>
--- a/apps/client/src/locales/messages.nl.xlf
+++ b/apps/client/src/locales/messages.nl.xlf
@ -18,7 +18,7 @@
        <target state="new">Het risico van verlies in de handel kan aanzienlijk zijn. Het is niet raadzaam om geld te beleggen dat u op korte termijn nodig kunt hebben.</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">143,144</context>
+          <context context-type="linenumber">164,165</context>
        </context-group>
      </trans-unit>
      <trans-unit id="b6192ee60a5e0e40874f4d02fbaaa584a0f1541e" datatype="html">
@ -742,7 +742,7 @@
        <target state="translated">Middelen</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">68</context>
+          <context context-type="linenumber">70</context>
        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/components/header/header.component.html</context>
@ -762,7 +762,7 @@
        <target state="translated">Prijzen</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">91</context>
+          <context context-type="linenumber">93</context>
        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/components/header/header.component.html</context>
@ -782,7 +782,7 @@
        <target state="translated">Over</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">74</context>
+          <context context-type="linenumber">76</context>
        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/components/header/header.component.html</context>
@ -822,7 +822,7 @@
        <target state="translated">Kenmerken</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">83</context>
+          <context context-type="linenumber">85</context>
        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/components/header/header.component.html</context>
@ -834,7 +834,7 @@
        <target state="translated">Markten</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">67</context>
+          <context context-type="linenumber">69</context>
        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/components/header/header.component.html</context>
@ -1306,6 +1306,14 @@
        <target state="translated">Over</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/pages/about/about-page-routing.module.ts</context>
+          <context context-type="linenumber">36</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">apps/client/src/app/pages/about/about-page.component.ts</context>
+          <context context-type="linenumber">56</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">apps/client/src/app/pages/about/overview/about-overview-page-routing.module.ts</context>
          <context context-type="linenumber">12</context>
        </context-group>
      </trans-unit>
@ -1314,7 +1322,7 @@
        <target state="translated">Privacybeleid</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">95</context>
+          <context context-type="linenumber">97</context>
        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/pages/about/privacy-policy/privacy-policy-page.html</context>
@ -1326,7 +1334,7 @@
        <target state="translated">Blog</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">76</context>
+          <context context-type="linenumber">78</context>
        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/pages/blog/2021/07/hallo-ghostfolio/hallo-ghostfolio-page.html</context>
@ -1388,6 +1396,10 @@
      <trans-unit id="8412433333528458419" datatype="html">
        <source>Changelog &amp; License</source>
        <target state="translated">Changelog &amp; licentie</target>
+        <context-group purpose="location">
+          <context context-type="sourcefile">apps/client/src/app/pages/about/about-page.component.ts</context>
+          <context context-type="linenumber">61</context>
+        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/pages/about/changelog/changelog-page-routing.module.ts</context>
          <context context-type="linenumber">12</context>
@ -1412,6 +1424,10 @@
      <trans-unit id="8439955599488894226" datatype="html">
        <source>Privacy Policy</source>
        <target state="translated">Privacybeleid</target>
+        <context-group purpose="location">
+          <context context-type="sourcefile">apps/client/src/app/pages/about/about-page.component.ts</context>
+          <context context-type="linenumber">66</context>
+        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/pages/about/privacy-policy/privacy-policy-page-routing.module.ts</context>
          <context context-type="linenumber">12</context>
@ -3026,7 +3042,7 @@
        <target state="translated">Gemeenschap</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">106</context>
+          <context context-type="linenumber">108</context>
        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/pages/account/account-page.html</context>
@ -3906,7 +3922,7 @@
        <target state="new">Personal Finance</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">65</context>
+          <context context-type="linenumber">67</context>
        </context-group>
      </trans-unit>
      <trans-unit id="047bbaa6688d60d0b0e5ca230d076450bdbf1e60" datatype="html">
@ -3914,7 +3930,7 @@
        <target state="new">Changelog &amp; License</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">80</context>
+          <context context-type="linenumber">82</context>
        </context-group>
      </trans-unit>
      <trans-unit id="6992d42edf46c12a4a9ecb3b7a46761a967c8ee1" datatype="html">
@ -3922,7 +3938,7 @@
        <target state="new">Frequently Asked Questions (FAQ)</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">85</context>
+          <context context-type="linenumber">87</context>
        </context-group>
      </trans-unit>
    </body>
--- a/apps/client/src/locales/messages.pt.xlf
+++ b/apps/client/src/locales/messages.pt.xlf
@ -6,7 +6,7 @@
        <target state="new">The risk of loss in trading can be substantial. It is not advisable to invest money you may need in the short term.</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">143,144</context>
+          <context context-type="linenumber">164,165</context>
        </context-group>
      </trans-unit>
      <trans-unit id="fbaaeb297e70b9a800acf841b9d26c19d60651ef" datatype="html">
@ -914,7 +914,7 @@
        <target state="new">Resources</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">68</context>
+          <context context-type="linenumber">70</context>
        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/components/header/header.component.html</context>
@ -934,7 +934,7 @@
        <target state="new">Pricing</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">91</context>
+          <context context-type="linenumber">93</context>
        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/components/header/header.component.html</context>
@ -954,7 +954,7 @@
        <target state="new">About</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">74</context>
+          <context context-type="linenumber">76</context>
        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/components/header/header.component.html</context>
@ -994,7 +994,7 @@
        <target state="new">Features</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">83</context>
+          <context context-type="linenumber">85</context>
        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/components/header/header.component.html</context>
@ -1006,7 +1006,7 @@
        <target state="new">Markets</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">67</context>
+          <context context-type="linenumber">69</context>
        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/components/header/header.component.html</context>
@ -1646,12 +1646,24 @@
        <target state="new">About</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/pages/about/about-page-routing.module.ts</context>
+          <context context-type="linenumber">36</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">apps/client/src/app/pages/about/about-page.component.ts</context>
+          <context context-type="linenumber">56</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">apps/client/src/app/pages/about/overview/about-overview-page-routing.module.ts</context>
          <context context-type="linenumber">12</context>
        </context-group>
      </trans-unit>
      <trans-unit id="8412433333528458419" datatype="html">
        <source>Changelog &amp; License</source>
        <target state="new">Changelog &amp; License</target>
+        <context-group purpose="location">
+          <context context-type="sourcefile">apps/client/src/app/pages/about/about-page.component.ts</context>
+          <context context-type="linenumber">61</context>
+        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/pages/about/changelog/changelog-page-routing.module.ts</context>
          <context context-type="linenumber">12</context>
@ -1676,6 +1688,10 @@
      <trans-unit id="8439955599488894226" datatype="html">
        <source>Privacy Policy</source>
        <target state="new">Privacy Policy</target>
+        <context-group purpose="location">
+          <context context-type="sourcefile">apps/client/src/app/pages/about/about-page.component.ts</context>
+          <context context-type="linenumber">66</context>
+        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/pages/about/privacy-policy/privacy-policy-page-routing.module.ts</context>
          <context context-type="linenumber">12</context>
@ -1686,7 +1702,7 @@
        <target state="new">Privacy Policy</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">95</context>
+          <context context-type="linenumber">97</context>
        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/pages/about/privacy-policy/privacy-policy-page.html</context>
@ -2014,7 +2030,7 @@
        <target state="new">Blog</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">76</context>
+          <context context-type="linenumber">78</context>
        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/pages/blog/2021/07/hallo-ghostfolio/hallo-ghostfolio-page.html</context>
@ -3082,7 +3098,7 @@
        <target state="new">Community</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">106</context>
+          <context context-type="linenumber">108</context>
        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/pages/account/account-page.html</context>
@ -3906,7 +3922,7 @@
        <target state="new">Personal Finance</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">65</context>
+          <context context-type="linenumber">67</context>
        </context-group>
      </trans-unit>
      <trans-unit id="047bbaa6688d60d0b0e5ca230d076450bdbf1e60" datatype="html">
@ -3914,7 +3930,7 @@
        <target state="new">Changelog &amp; License</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">80</context>
+          <context context-type="linenumber">82</context>
        </context-group>
      </trans-unit>
      <trans-unit id="6992d42edf46c12a4a9ecb3b7a46761a967c8ee1" datatype="html">
@ -3922,7 +3938,7 @@
        <target state="new">Frequently Asked Questions (FAQ)</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">85</context>
+          <context context-type="linenumber">87</context>
        </context-group>
      </trans-unit>
    </body>
--- a/apps/client/src/locales/messages.xlf
+++ b/apps/client/src/locales/messages.xlf
@ -17,7 +17,7 @@
        <source>The risk of loss in trading can be substantial. It is not advisable to invest money you may need in the short term.</source>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">143,144</context>
+          <context context-type="linenumber">164,165</context>
        </context-group>
      </trans-unit>
      <trans-unit id="b6192ee60a5e0e40874f4d02fbaaa584a0f1541e" datatype="html">
@ -679,7 +679,7 @@
        <source>Resources</source>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">68</context>
+          <context context-type="linenumber">70</context>
        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/components/header/header.component.html</context>
@ -698,7 +698,7 @@
        <source>Pricing</source>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">91</context>
+          <context context-type="linenumber">93</context>
        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/components/header/header.component.html</context>
@ -717,7 +717,7 @@
        <source>About</source>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">74</context>
+          <context context-type="linenumber">76</context>
        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/components/header/header.component.html</context>
@ -753,7 +753,7 @@
        <source>Features</source>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">83</context>
+          <context context-type="linenumber">85</context>
        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/components/header/header.component.html</context>
@ -764,7 +764,7 @@
        <source>Markets</source>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">67</context>
+          <context context-type="linenumber">69</context>
        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/components/header/header.component.html</context>
@ -1190,6 +1190,14 @@
        <source>About</source>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/pages/about/about-page-routing.module.ts</context>
+          <context context-type="linenumber">36</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">apps/client/src/app/pages/about/about-page.component.ts</context>
+          <context context-type="linenumber">56</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">apps/client/src/app/pages/about/overview/about-overview-page-routing.module.ts</context>
          <context context-type="linenumber">12</context>
        </context-group>
      </trans-unit>
@ -1197,7 +1205,7 @@
        <source>Privacy Policy</source>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">95</context>
+          <context context-type="linenumber">97</context>
        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/pages/about/privacy-policy/privacy-policy-page.html</context>
@ -1208,7 +1216,7 @@
        <source>Blog</source>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">76</context>
+          <context context-type="linenumber">78</context>
        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/pages/blog/2021/07/hallo-ghostfolio/hallo-ghostfolio-page.html</context>
@ -1269,6 +1277,10 @@
      </trans-unit>
      <trans-unit id="8412433333528458419" datatype="html">
        <source>Changelog &amp; License</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">apps/client/src/app/pages/about/about-page.component.ts</context>
+          <context context-type="linenumber">61</context>
+        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/pages/about/changelog/changelog-page-routing.module.ts</context>
          <context context-type="linenumber">12</context>
@ -1290,6 +1302,10 @@
      </trans-unit>
      <trans-unit id="8439955599488894226" datatype="html">
        <source>Privacy Policy</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">apps/client/src/app/pages/about/about-page.component.ts</context>
+          <context context-type="linenumber">66</context>
+        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/pages/about/privacy-policy/privacy-policy-page-routing.module.ts</context>
          <context context-type="linenumber">12</context>
@ -2731,7 +2747,7 @@
        <source>Community</source>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">106</context>
+          <context context-type="linenumber">108</context>
        </context-group>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/pages/account/account-page.html</context>
@ -3519,21 +3535,21 @@
        <source>Changelog &amp; License</source>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">80</context>
+          <context context-type="linenumber">82</context>
        </context-group>
      </trans-unit>
      <trans-unit id="41d338980f469b334618a07e799b4aa40fcf4834" datatype="html">
        <source>Personal Finance</source>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">65</context>
+          <context context-type="linenumber">67</context>
        </context-group>
      </trans-unit>
      <trans-unit id="6992d42edf46c12a4a9ecb3b7a46761a967c8ee1" datatype="html">
        <source>Frequently Asked Questions (FAQ)</source>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/app.component.html</context>
-          <context context-type="linenumber">85</context>
+          <context context-type="linenumber">87</context>
        </context-group>
      </trans-unit>
    </body>