Add audit logs.

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

@@ -1,11 +1,8 @@
 <div class="k-p-4">
-  <div class="k-d-flex k-justify-content-between k-align-items-center k-mb-4">
-    <h2 class="k-m-0">User Management</h2>
-    <div class="k-d-flex k-gap-2">
-      <button kendoButton themeColor="primary" (click)="openCreateDialog()">+ Add New User</button>
-      <button kendoButton (click)="testAuth()">Test Auth</button>
-    </div>
-  </div>
+  <ng-template appPageHeaderActions>
+    <button kendoButton themeColor="primary" (click)="openCreateDialog()">+ Add New User</button>
+    <button kendoButton (click)="testAuth()">Test Auth</button>
+  </ng-template>
 
   <!-- Auth test result (dev only) -->
   <div *ngIf="authTestResult" class="k-mb-3 k-p-2" style="background:#f0f4ff;border-radius:4px;font-size:12px">

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

@@ -13,6 +13,7 @@ import {
   UserListItemDto, UserDto, CreateUserRequest, UpdateUserRequest, PagedResult
 } from '../../models/user.model';
 import { ApiConfigService } from '../../../../core/services/api-config.service';
+import { PageHeaderActionsDirective } from '../../../../shared/directives/page-header-actions.directive';
 
 @Component({
   selector: 'app-users-page',
@@ -20,6 +21,7 @@ import { ApiConfigService } from '../../../../core/services/api-config.service';
   imports: [
     CommonModule, FormsModule, GridModule, InputsModule,
     ButtonsModule, IndicatorsModule, EditUserDialogComponent, CreateUserDialogComponent,
+    PageHeaderActionsDirective,
   ],
   templateUrl: './users-page.component.html',
   styleUrls: ['./users-page.component.scss'],