Merge pull request #67104 from rhcs-dashboard/header-page-component

mgr/dashboard: add page header component

Reviewed-by: Afreen Misbah <afreen@ibm.com>
Reviewed-by: Dnyaneshwari Talwekar <dtalweka@redhat.com>

diff --cc src/pybind/mgr/dashboard/frontend/src/app/ceph/cephfs/cephfs-mirroring-list/cephfs-mirroring-list.component.html
index 4559a4d68af2ea0a39ce720a79b1a4f4ae66bc22,511263648e946156ec5924888c3c520e74d690de..54f6d9823e36ba9cef9f41cf8be68c29887cb204
--- 1/src/pybind/mgr/dashboard/frontend/src/app/ceph/cephfs/cephfs-mirroring-list/cephfs-mirroring-list.component.html
--- 2/src/pybind/mgr/dashboard/frontend/src/app/ceph/cephfs/cephfs-mirroring-list/cephfs-mirroring-list.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/cephfs/cephfs-mirroring-list/cephfs-mirroring-list.component.html
@@@ -1,17 -1,19 +1,24 @@@
+ <cd-page-header
+   i18n-title
+   title="CephFS Mirroring"
+   i18n-description
+   description="Centralised view of all CephFS Mirroring relationships.">
+ </cd-page-header>
+ 
  <ng-container *ngIf="daemonStatus$ | async as daemonStatus">
 +
    <cd-table
 +    #table
      [data]="daemonStatus"
      [columns]="columns"
 +    columnMode="flex"
      selectionType="single"
 -    [hasDetails]="false"
 -    (setExpandedRow)="setExpandedRow($event)"
 -    (fetchData)="loadDaemonStatus($event)"
      (updateSelection)="updateSelection($event)"
 -  >
 +    (fetchData)="loadDaemonStatus()">
 +  <cd-table-actions class="table-actions"
 +                    [permission]="permission"
 +                    [selection]="selection"
 +                    [tableActions]="tableActions">
 +  </cd-table-actions>
    </cd-table>
  </ng-container>

diff --cc src/pybind/mgr/dashboard/frontend/src/app/shared/components/components.module.ts
index 0607b8dfe2716dc52fe5559c0e78ef8457c9573f,d6fc52343edfc7360967cbd7c4a4375283766ef3..69845644dbdf9e1b97f9c27038845ef5db09f632
--- 1/src/pybind/mgr/dashboard/frontend/src/app/shared/components/components.module.ts
--- 2/src/pybind/mgr/dashboard/frontend/src/app/shared/components/components.module.ts
+++ b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/components.module.ts
@@@ -101,14 -101,11 +101,15 @@@ import { TearsheetComponent } from './t
  import InfoIcon from '@carbon/icons/es/information/16';
  import CopyIcon from '@carbon/icons/es/copy/32';
  import downloadIcon from '@carbon/icons/es/download/16';
 -import IdeaIcon from '@carbon/icons/es/idea/20';
 -import CloseIcon from '@carbon/icons/es/close/16';
 +import CheckmarkFilledIcon from '@carbon/icons/es/checkmark--filled/16';
 +import ErrorFilledIcon from '@carbon/icons/es/error--filled/16';
 +import InformationFilledIcon from '@carbon/icons/es/information--filled/16';
 +import WarningFilledIcon from '@carbon/icons/es/warning--filled/16';
 +import NotificationFilledIcon from '@carbon/icons/es/notification--filled/16';
 +import { Close16 } from '@carbon/icons';
  import { TearsheetStepComponent } from './tearsheet-step/tearsheet-step.component';
  import { ProductiveCardComponent } from './productive-card/productive-card.component';
+ import { PageHeaderComponent } from './page-header/page-header.component';
  
  @NgModule({
    imports: [