Enhanced material design 3 implementation

lib/screens/attendance/attendance_screen.dart

@@ -33,6 +33,7 @@ import '../../utils/snackbar.dart';
 import '../../widgets/gemini_animated_text_field.dart';
 import '../../widgets/gemini_button.dart';
 import '../../widgets/multi_select_picker.dart';
+import '../../widgets/app_page_header.dart';
 import '../../widgets/responsive_body.dart';
 
 class AttendanceScreen extends ConsumerStatefulWidget {
@@ -86,20 +87,9 @@ class _AttendanceScreenState extends ConsumerState<AttendanceScreen>
             : null,
         body: Column(
           children: [
-            Padding(
-              padding: const EdgeInsets.fromLTRB(16, 12, 16, 0),
-              child: Row(
-                children: [
-                  Expanded(
-                    child: Text(
-                      'Attendance',
-                      style: theme.textTheme.titleLarge?.copyWith(
-                        fontWeight: FontWeight.w700,
-                      ),
-                    ),
-                  ),
-                ],
-              ),
+            const AppPageHeader(
+              title: 'Attendance',
+              subtitle: 'Check in, logbook, pass slip and leave',
             ),
             TabBar(
               controller: _tabController,