Add audit logs.

APP/src/app/features/disbursement/pages/check-register-page/check-register-page.component.html

@@ -1,8 +1,4 @@
 <div class="page">
-  <header class="page-header">
-    <h2>Check Register / 支票登記簿</h2>
-  </header>
-
   <div class="flex flex-wrap gap-3 items-end mb-4">
     <label class="flex flex-col gap-1">
       Search

APP/src/app/features/disbursement/pages/church-profile-page/church-profile-page.component.html

@@ -1,8 +1,4 @@
 <div class="page">
-  <header class="page-header">
-    <h2>Church Profile / 教會資料</h2>
-  </header>
-
   <div *ngIf="model" class="max-w-3xl">
     <div class="grid grid-cols-1 md:grid-cols-2 gap-x-4 gap-y-3">
       <label class="flex flex-col gap-1 md:col-span-2">

APP/src/app/features/disbursement/pages/disbursement-page/disbursement-page.component.html

@@ -1,10 +1,9 @@
 <div class="page">
-  <header class="page-header flex items-center justify-between">
-    <h2>Disbursement Management / 支票開立</h2>
+  <ng-template appPageHeaderActions>
     <button kendoButton themeColor="primary" [disabled]="selectedCount === 0" (click)="openIssue()">
       Issue Checks ({{ selectedCount }})
     </button>
-  </header>
+  </ng-template>
 
   <p class="text-sm mb-3" style="color:#6b7280;">
     Approved expenses awaiting payment, grouped by payee. Select payees and issue one check each.

APP/src/app/features/disbursement/pages/disbursement-page/disbursement-page.component.scss

@@ -1,3 +0,0 @@
-.page-header {
-  margin-bottom: 0.5rem;
-}

APP/src/app/features/disbursement/pages/disbursement-page/disbursement-page.component.ts

@@ -6,13 +6,14 @@ import { ButtonsModule } from '@progress/kendo-angular-buttons';
 import { DisbursementApiService } from '../../services/disbursement-api.service';
 import { IssueCheckDialogComponent } from '../../components/issue-check-dialog/issue-check-dialog.component';
 import { PayeeGroupDto, IssueChecksRequest } from '../../models/disbursement.model';
+import { PageHeaderActionsDirective } from '../../../../shared/directives/page-header-actions.directive';
 
 interface PayeeRow extends PayeeGroupDto { key: string; }
 
 @Component({
   selector: 'app-disbursement-page',
   standalone: true,
-  imports: [CommonModule, FormsModule, GridModule, ButtonsModule, IssueCheckDialogComponent],
+  imports: [CommonModule, FormsModule, GridModule, ButtonsModule, IssueCheckDialogComponent, PageHeaderActionsDirective],
   templateUrl: './disbursement-page.component.html',
   styleUrls: ['./disbursement-page.component.scss'],
 })