Enhancement: angular 19 (#8584)

src-ui/src/app/components/common/page-header/page-header.component.html

@@ -1,6 +1,6 @@
 <div class="row pt-3 pb-3 pb-md-2 align-items-center">
   <div class="col-md text-truncate">
-    <h3 class="text-truncate" style="line-height: 1.4" tourAnchor="tour.dashboard">
+    <h3 class="text-truncate" style="line-height: 1.4">
       {{title}}
       @if (subTitle) {
         <span class="h6 mb-0 d-block d-md-inline fw-normal ms-md-3 text-truncate" style="line-height: 1.4">{{subTitle}}</span>

src-ui/src/app/components/common/page-header/page-header.component.spec.ts

@@ -10,9 +10,8 @@ describe('PageHeaderComponent', () => {
 
   beforeEach(async () => {
     TestBed.configureTestingModule({
-      declarations: [PageHeaderComponent],
       providers: [],
-      imports: [],
+      imports: [PageHeaderComponent],
     }).compileComponents()
 
     titleService = TestBed.inject(Title)

src-ui/src/app/components/common/page-header/page-header.component.ts

@@ -1,11 +1,15 @@
 import { Component, Input } from '@angular/core'
 import { Title } from '@angular/platform-browser'
+import { NgbPopoverModule } from '@ng-bootstrap/ng-bootstrap'
+import { NgxBootstrapIconsModule } from 'ngx-bootstrap-icons'
+import { TourNgBootstrapModule } from 'ngx-ui-tour-ng-bootstrap'
 import { environment } from 'src/environments/environment'
 
 @Component({
   selector: 'pngx-page-header',
   templateUrl: './page-header.component.html',
   styleUrls: ['./page-header.component.scss'],
+  imports: [NgbPopoverModule, NgxBootstrapIconsModule, TourNgBootstrapModule],
 })
 export class PageHeaderComponent {
   constructor(private titleService: Title) {}