Enable Bull Dashboard in tab

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

@@ -12,7 +12,7 @@ import {
   TabConfiguration
 } from '@ghostfolio/ui/page-tabs';
 
-import { Component, inject, OnInit } from '@angular/core';
+import { Component, inject } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { addIcons } from 'ionicons';
 import {
@@ -30,7 +30,7 @@ import {
   styleUrls: ['./admin-page.scss'],
   templateUrl: './admin-page.html'
 })
-export class AdminPageComponent implements OnInit {
+export class AdminPageComponent {
   public tabs: TabConfiguration[] = [];
 
   private user: User;
@@ -56,10 +56,6 @@ export class AdminPageComponent implements OnInit {
     });
   }
 
-  public ngOnInit() {
-    this.initializeTabs();
-  }
-
   private initializeTabs() {
     const hasPermissionToAccessBullBoard = hasPermission(
       this.user?.permissions,

libs/ui/src/lib/page-tabs/page-tabs.component.html

@@ -11,11 +11,16 @@
   @for (tab of tabs(); track tab) {
     @if (tab.showCondition !== false) {
       @if (tab.onClick) {
-        <a class="no-min-width px-3" mat-tab-link (click)="tab.onClick()">
+        <button
+          class="no-min-width px-3"
+          mat-tab-link
+          type="button"
+          (click)="tab.onClick()"
+        >
           <ng-container
             *ngTemplateOutlet="tabContent; context: { $implicit: tab }"
           />
-        </a>
+        </button>
       } @else {
         <a
           #rla="routerLinkActive"