feat(client): set paths for user account pages

apps/client/src/app/app-routing.module.ts

@@ -14,7 +14,7 @@ const routes: Routes = [
       import('./pages/about/about-page.module').then((m) => m.AboutPageModule)
   },
   {
-    path: 'account',
+    path: paths.account,
     loadChildren: () =>
       import('./pages/user-account/user-account-page.module').then(
         (m) => m.UserAccountPageModule

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

@@ -1,5 +1,7 @@
 export const paths = {
   about: $localize`:snake-case:about`,
+  access: 'access',
+  account: 'account',
   activities: 'activities',
   admin: 'admin',
   allocations: 'allocations',
@@ -16,6 +18,7 @@ export const paths = {
   market: 'market',
   marketData: 'market-data',
   markets: $localize`:snake-case:markets`,
+  membership: 'membership',
   ossFriends: $localize`:snake-case:oss-friends`,
   portfolio: 'portfolio',
   pricing: $localize`:snake-case:pricing`,

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

@@ -2,6 +2,7 @@ import { UserAccountAccessComponent } from '@ghostfolio/client/components/user-a
 import { UserAccountMembershipComponent } from '@ghostfolio/client/components/user-account-membership/user-account-membership.component';
 import { UserAccountSettingsComponent } from '@ghostfolio/client/components/user-account-settings/user-account-settings.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';
@@ -18,12 +19,12 @@ const routes: Routes = [
         title: $localize`Settings`
       },
       {
-        path: 'membership',
+        path: paths.membership,
         component: UserAccountMembershipComponent,
         title: $localize`Membership`
       },
       {
-        path: 'access',
+        path: paths.access,
         component: UserAccountAccessComponent,
         title: $localize`Access`
       }

apps/client/src/app/pages/user-account/user-account-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';
 
@@ -34,18 +35,18 @@ export class UserAccountPageComponent implements OnDestroy, OnInit {
             {
               iconName: 'settings-outline',
               label: $localize`Settings`,
-              path: ['/account']
+              path: ['/' + paths.account]
             },
             {
               iconName: 'diamond-outline',
               label: $localize`Membership`,
-              path: ['/account/membership'],
+              path: ['/' + paths.account, paths.membership],
               showCondition: !!this.user?.subscription
             },
             {
               iconName: 'key-outline',
               label: $localize`Access`,
-              path: ['/account', 'access']
+              path: ['/' + paths.account, paths.access]
             }
           ];