feat(client): set paths for zen pages

apps/client/src/app/core/paths.ts

@@ -29,5 +29,6 @@ export const paths = {
   termsOfService: $localize`:snake-case:terms-of-service`,
   users: 'users',
   watchlist: 'watchlist',
-  xRay: 'x-ray'
+  xRay: 'x-ray',
+  zen: 'zen'
 };

apps/client/src/app/pages/zen/zen-page-routing.module.ts

@@ -1,6 +1,7 @@
 import { HomeHoldingsComponent } from '@ghostfolio/client/components/home-holdings/home-holdings.component';
 import { HomeOverviewComponent } from '@ghostfolio/client/components/home-overview/home-overview.component';
 import { AuthGuard } from '@ghostfolio/client/core/auth.guard';
+import { paths } from '@ghostfolio/client/core/paths';
 
 import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
@@ -12,7 +13,7 @@ const routes: Routes = [
     canActivate: [AuthGuard],
     children: [
       { path: '', component: HomeOverviewComponent },
-      { path: 'holdings', component: HomeHoldingsComponent }
+      { path: paths.holdings, component: HomeHoldingsComponent }
     ],
     component: ZenPageComponent,
     path: '',

apps/client/src/app/pages/zen/zen-page.component.ts

@@ -1,3 +1,4 @@
+import { paths } from '@ghostfolio/client/core/paths';
 import { UserService } from '@ghostfolio/client/services/user/user.service';
 import { TabConfiguration, User } from '@ghostfolio/common/interfaces';
 
@@ -33,12 +34,12 @@ export class ZenPageComponent implements OnDestroy, OnInit {
             {
               iconName: 'analytics-outline',
               label: $localize`Overview`,
-              path: ['/zen']
+              path: ['/' + paths.zen]
             },
             {
               iconName: 'wallet-outline',
               label: $localize`Holdings`,
-              path: ['/zen', 'holdings']
+              path: ['/' + paths.zen, paths.holdings]
             }
           ];
           this.user = state.user;