feat(content): content management page

- Added tab controller
- Added bloc listener
- Added floating action button

Author: fulleni

lib/content_management/view/content_management_page.dart

@@ -1,8 +1,12 @@
 import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:go_router/go_router.dart';
+import 'package:ht_dashboard/content_management/bloc/content_management_bloc.dart';
 import 'package:ht_dashboard/content_management/view/categories_page.dart';
 import 'package:ht_dashboard/content_management/view/headlines_page.dart';
 import 'package:ht_dashboard/content_management/view/sources_page.dart';
 import 'package:ht_dashboard/l10n/l10n.dart';
+import 'package:ht_dashboard/router/routes.dart';
 import 'package:ht_dashboard/shared/constants/app_spacing.dart';
 
 /// {@template content_management_page}
@@ -24,59 +28,89 @@ class _ContentManagementPageState extends State<ContentManagementPage>
   void initState() {
     super.initState();
     _tabController = TabController(length: 3, vsync: this);
+    _tabController.addListener(_onTabChanged);
   }
 
   @override
   void dispose() {
+    _tabController.removeListener(_onTabChanged);
     _tabController.dispose();
     super.dispose();
   }
 
+  void _onTabChanged() {
+    if (!_tabController.indexIsChanging) {
+      final tab = ContentManagementTab.values[_tabController.index];
+      context.read<ContentManagementBloc>().add(ContentManagementTabChanged(tab));
+    }
+  }
+
   @override
   Widget build(BuildContext context) {
     final l10n = context.l10n;
-    return Scaffold(
-      appBar: AppBar(
-        title: Text(l10n.contentManagement),
-        bottom: PreferredSize(
-          preferredSize: const Size.fromHeight(kTextTabBarHeight + AppSpacing.lg),
-          child: Column(
-            crossAxisAlignment: CrossAxisAlignment.start,
-            children: [
-              Padding(
-                padding: const EdgeInsets.only(
-                  left: AppSpacing.lg,
-                  right: AppSpacing.lg,
-                  bottom: AppSpacing.lg,
-                ),
-                child: Text(
-                  l10n.contentManagementPageDescription,
-                  style: Theme.of(context).textTheme.bodyMedium?.copyWith(
-                    color: Theme.of(context).colorScheme.onSurfaceVariant,
+    return BlocListener<ContentManagementBloc, ContentManagementState>(
+      listener: (context, state) {
+        // Optionally handle state changes, e.g., show snackbar for errors
+      },
+      child: Scaffold(
+        appBar: AppBar(
+          title: Text(l10n.contentManagement),
+          bottom: PreferredSize(
+            preferredSize:
+                const Size.fromHeight(kTextTabBarHeight + AppSpacing.lg),
+            child: Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                Padding(
+                  padding: const EdgeInsets.only(
+                    left: AppSpacing.lg,
+                    right: AppSpacing.lg,
+                    bottom: AppSpacing.lg,
+                  ),
+                  child: Text(
+                    l10n.contentManagementPageDescription,
+                    style: Theme.of(context).textTheme.bodyMedium?.copyWith(
+                          color: Theme.of(context).colorScheme.onSurfaceVariant,
+                        ),
                   ),
                 ),
-              ),
-              TabBar(
-                controller: _tabController,
-                tabAlignment: TabAlignment.start,
-                isScrollable: true,
-                tabs: [
-                  Tab(text: l10n.headlines),
-                  Tab(text: l10n.categories),
-                  Tab(text: l10n.sources),
-                ],
-              ),
-            ],
+                TabBar(
+                  controller: _tabController,
+                  tabAlignment: TabAlignment.start,
+                  isScrollable: true,
+                  tabs: [
+                    Tab(text: l10n.headlines),
+                    Tab(text: l10n.categories),
+                    Tab(text: l10n.sources),
+                  ],
+                ),
+              ],
+            ),
           ),
         ),
-      ),
-      body: TabBarView(
-        controller: _tabController,
-        children: const [
-          HeadlinesPage(),
-          CategoriesPage(),
-          SourcesPage(),
-        ],
+        body: TabBarView(
+          controller: _tabController,
+          children: const [
+            HeadlinesPage(),
+            CategoriesPage(),
+            SourcesPage(),
+          ],
+        ),
+        floatingActionButton: FloatingActionButton(
+          onPressed: () {
+            final currentTab =
+                context.read<ContentManagementBloc>().state.activeTab;
+            switch (currentTab) {
+              case ContentManagementTab.headlines:
+                context.goNamed(Routes.createHeadlineName);
+              case ContentManagementTab.categories:
+                context.goNamed(Routes.createCategoryName);
+              case ContentManagementTab.sources:
+                context.goNamed(Routes.createSourceName);
+            }
+          },
+          child: const Icon(Icons.add),
+        ),
       ),
     );
   }