Enhanced material design 3 implementation

lib/screens/reports/reports_screen.dart

@@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 
 import '../../providers/reports_provider.dart';
+import '../../widgets/app_page_header.dart';
 import 'report_date_filter.dart';
 import 'report_widget_selector.dart';
 import 'report_pdf_export.dart';
@@ -69,7 +70,7 @@ class _ReportsScreenState extends ConsumerState<ReportsScreen> {
   @override
   Widget build(BuildContext context) {
     final enabled = ref.watch(reportWidgetToggleProvider);
-    final theme = Theme.of(context);
+
 
     return Scaffold(
       body: Column(
@@ -82,17 +83,10 @@ class _ReportsScreenState extends ConsumerState<ReportsScreen> {
                 constraints: const BoxConstraints(maxWidth: 1200),
                 child: Column(
                   children: [
-                    // Title row
-                    Row(
-                      children: [
-                        Expanded(
-                          child: Text(
-                            'Reports',
-                            style: theme.textTheme.headlineSmall?.copyWith(
-                              fontWeight: FontWeight.w700,
-                            ),
-                          ),
-                        ),
+                    AppPageHeader(
+                      title: 'Reports',
+                      subtitle: 'Analytics and performance insights',
+                      actions: [
                         FilledButton.icon(
                           onPressed: _exporting ? null : _exportPdf,
                           icon: _exporting