Enhanced material design 3 implementation

lib/screens/teams/teams_screen.dart

@@ -12,6 +12,8 @@ import '../../utils/supabase_response.dart';
 import 'package:tasq/widgets/multi_select_picker.dart';
 import '../../theme/app_surfaces.dart';
 import '../../widgets/tasq_adaptive_list.dart';
+import '../../widgets/app_page_header.dart';
+import '../../widgets/app_state_view.dart';
 import '../../utils/snackbar.dart';
 
 // Note: `officesProvider` is provided globally in `tickets_provider.dart` so
@@ -233,30 +235,19 @@ class _TeamsScreenState extends ConsumerState<TeamsScreen> {
             mainAxisSize: MainAxisSize.max,
             crossAxisAlignment: CrossAxisAlignment.stretch,
             children: [
-              Padding(
-                padding: const EdgeInsets.only(top: 16, bottom: 8),
-                child: Stack(
-                  alignment: Alignment.center,
-                  children: [
-                    Align(
-                      alignment: Alignment.center,
-                      child: Text(
-                        'Team Management',
-                        textAlign: TextAlign.center,
-                        style: Theme.of(context).textTheme.titleLarge?.copyWith(
-                          fontWeight: FontWeight.w700,
-                        ),
-                      ),
-                    ),
-                  ],
-                ),
+              const AppPageHeader(
+                title: 'IT Staff Teams',
+                subtitle: 'Manage support teams and assignments',
               ),
               Expanded(child: listBody),
             ],
           );
         },
         loading: () => const Center(child: CircularProgressIndicator()),
-        error: (err, stack) => Center(child: Text('Error: $err')),
+        error: (err, stack) => AppErrorView(
+          error: err,
+          onRetry: () => ref.invalidate(teamsProvider),
+        ),
       ),
       floatingActionButton: M3Fab(
         onPressed: () => _showTeamDialog(context),