feat: integrates the localization extension into the CreateCategoryPage. I will update the DropdownButtonFormField to display the localized status names instead of the temporary placeholder text. I also noticed and removed a duplicated dropdown widget from this file to clean up the code.

Author: fulleni

lib/content_management/view/create_category_page.dart

@@ -5,6 +5,7 @@ import 'package:ht_dashboard/content_management/bloc/content_management_bloc.dar
 import 'package:ht_dashboard/content_management/bloc/create_category/create_category_bloc.dart';
 import 'package:ht_dashboard/l10n/l10n.dart';
 import 'package:ht_dashboard/shared/constants/pagination_constants.dart';
+import 'package:ht_dashboard/shared/extensions/content_status_l10n.dart';
 import 'package:ht_dashboard/shared/shared.dart';
 import 'package:ht_data_repository/ht_data_repository.dart';
 import 'package:ht_shared/ht_shared.dart';
@@ -152,41 +153,14 @@ class _CreateCategoryViewState extends State<_CreateCategoryView> {
                       items: ContentStatus.values.map((status) {
                         return DropdownMenuItem(
                           value: status,
-                          child: Text(
-                            status.name.replaceFirst(
-                              status.name[0],
-                              status.name[0].toUpperCase(),
-                            ),
-                          ),
-                        );
-                      }).toList(),
-                      onChanged: (value) => context
-                          .read<CreateCategoryBloc>()
-                          .add(CreateCategoryStatusChanged(value!)),
-                    ),
-                    const SizedBox(height: AppSpacing.lg),
-                    DropdownButtonFormField<ContentStatus>(
-                      value: state.contentStatus,
-                      decoration: InputDecoration(
-                        labelText: l10n.status,
-                        border: const OutlineInputBorder(),
-                      ),
-                      items: ContentStatus.values.map((status) {
-                        return DropdownMenuItem(
-                          value: status,
-                          child: Text(
-                            status.name.replaceFirst(
-                              status.name[0],
-                              status.name[0].toUpperCase(),
-                            ),
-                          ),
+                          child: Text(status.l10n(context)),
                         );
                       }).toList(),
                       onChanged: (value) {
                         if (value == null) return;
-                        context.read<CreateCategoryBloc>().add(
-                          CreateCategoryStatusChanged(value),
-                        );
+                        context
+                            .read<CreateCategoryBloc>()
+                            .add(CreateCategoryStatusChanged(value));
                       },
                     ),
                   ],