feat: Display category and country in headlines

- Added category metadata to headline items
- Added country metadata with flag
- Added repositories to app

Author: fulleni

lib/app/view/app.dart

@@ -7,26 +7,38 @@ import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:go_router/go_router.dart';
 import 'package:ht_authentication_repository/ht_authentication_repository.dart';
+import 'package:ht_categories_repository/ht_categories_repository.dart';
+import 'package:ht_countries_repository/ht_countries_repository.dart';
 import 'package:ht_headlines_repository/ht_headlines_repository.dart';
 import 'package:ht_kv_storage_service/ht_kv_storage_service.dart';
 import 'package:ht_main/app/bloc/app_bloc.dart';
 import 'package:ht_main/authentication/bloc/authentication_bloc.dart';
 import 'package:ht_main/l10n/l10n.dart';
 import 'package:ht_main/router/router.dart';
 import 'package:ht_main/shared/theme/app_theme.dart';
+import 'package:ht_sources_repository/ht_sources_repository.dart';
 
 class App extends StatelessWidget {
   const App({
     required HtHeadlinesRepository htHeadlinesRepository,
     required HtAuthenticationRepository htAuthenticationRepository,
+    required HtCategoriesRepository htCategoriesRepository,
+    required HtCountriesRepository htCountriesRepository,
+    required HtSourcesRepository htSourcesRepository,
     required HtKVStorageService kvStorageService,
     super.key,
   }) : _htHeadlinesRepository = htHeadlinesRepository,
        _htAuthenticationRepository = htAuthenticationRepository,
+       _htCategoriesRepository = htCategoriesRepository,
+       _htCountriesRepository = htCountriesRepository,
+       _htSourcesRepository = htSourcesRepository,
        _kvStorageService = kvStorageService;
 
   final HtHeadlinesRepository _htHeadlinesRepository;
   final HtAuthenticationRepository _htAuthenticationRepository;
+  final HtCategoriesRepository _htCategoriesRepository;
+  final HtCountriesRepository _htCountriesRepository;
+  final HtSourcesRepository _htSourcesRepository;
   final HtKVStorageService _kvStorageService;
 
   @override
@@ -35,6 +47,9 @@ class App extends StatelessWidget {
       providers: [
         RepositoryProvider.value(value: _htHeadlinesRepository),
         RepositoryProvider.value(value: _htAuthenticationRepository),
+        RepositoryProvider.value(value: _htCategoriesRepository),
+        RepositoryProvider.value(value: _htCountriesRepository),
+        RepositoryProvider.value(value: _htSourcesRepository),
         RepositoryProvider.value(value: _kvStorageService),
       ],
       // Use MultiBlocProvider to provide both AppBloc and AuthenticationBloc

lib/headlines-feed/view/headlines_feed_page.dart

@@ -1,3 +1,6 @@
+//
+// ignore_for_file: lines_longer_than_80_chars
+
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:go_router/go_router.dart';

lib/headlines-feed/widgets/headline_item_widget.dart

@@ -129,6 +129,16 @@ class HeadlineItemWidget extends StatelessWidget {
                             icon: Icons.access_time_outlined,
                             text: _dateFormatter.format(headline.publishedAt!),
                           ),
+                        if (headline.category != null)
+                          _MetadataItem(
+                            icon: Icons.category_outlined,
+                            text: headline.category!.name,
+                          ),
+                        if (headline.eventCountry != null)
+                          _CountryMetadataItem(
+                            flagUrl: headline.eventCountry!.flagUrl,
+                            countryName: headline.eventCountry!.name,
+                          ),
                       ],
                     ),
                   ],
@@ -142,6 +152,55 @@ class HeadlineItemWidget extends StatelessWidget {
   }
 }
 
+/// Small helper widget for displaying country metadata with a flag avatar.
+class _CountryMetadataItem extends StatelessWidget {
+  const _CountryMetadataItem({
+    required this.flagUrl,
+    required this.countryName,
+  });
+
+  final String flagUrl;
+  final String countryName;
+
+  @override
+  Widget build(BuildContext context) {
+    final textTheme = Theme.of(context).textTheme;
+    final colorScheme = Theme.of(context).colorScheme;
+    const avatarRadius = 7.0; // Small radius for the flag
+
+    return Row(
+      mainAxisSize: MainAxisSize.min, // Take only needed space
+      children: [
+        CircleAvatar(
+          radius: avatarRadius,
+          backgroundColor: Colors.transparent, // Avoid background color clash
+          backgroundImage: NetworkImage(flagUrl),
+          // Optional: Add error handling for the image
+          onBackgroundImageError: (exception, stackTrace) {
+            // Log error or display placeholder
+            debugPrint('Error loading flag image: $exception');
+          },
+          // Placeholder in case of error or while loading
+          child: Icon(
+            Icons.flag_circle_outlined,
+            size: avatarRadius * 2,
+            color: colorScheme.onSurfaceVariant,
+          ),
+        ),
+        const SizedBox(width: AppSpacing.xs),
+        Text(
+          countryName,
+          style: textTheme.labelSmall?.copyWith(
+            color: colorScheme.onSurfaceVariant, // Subtle color
+          ),
+          maxLines: 1,
+          overflow: TextOverflow.ellipsis,
+        ),
+      ],
+    );
+  }
+}
+
 /// Small helper widget for displaying metadata with an icon.
 class _MetadataItem extends StatelessWidget {
   const _MetadataItem({required this.icon, required this.text});