Add header to pricing page

src/app/pricing/pricing.component.html

@@ -1,3 +1,11 @@
+<ion-header [translucent]="true">
+  <ion-toolbar>
+    <ion-buttons slot="start">
+      <ion-menu-button></ion-menu-button>
+    </ion-buttons>
+    <ion-title i18n="page title">Pricing</ion-title>
+  </ion-toolbar>
+</ion-header>
 <ion-content [fullscreen]="true">
   <stripe-pricing-table
     pricing-table-id="prctbl_1OBwBiB0O150WkrEBWLbMFfX"

src/app/pricing/pricing.component.ts

@@ -1,13 +1,14 @@
 import {Component, CUSTOM_ELEMENTS_SCHEMA} from '@angular/core';
-import {IonContent} from "@ionic/angular/standalone";
-import {SafePipe} from "../safe.pipe";
+import {IonButtons, IonContent, IonHeader, IonMenuButton, IonTitle, IonToolbar} from "@ionic/angular/standalone";
 
 @Component({
   selector: 'app-pricing',
   templateUrl: './pricing.component.html',
   styleUrls: ['./pricing.component.scss'],
   standalone: true,
-  imports: [IonContent, SafePipe],
+  imports: [
+    IonContent, IonHeader, IonToolbar, IonTitle, IonButtons, IonMenuButton
+  ],
   schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PricingComponent {