feat(dashboard): enhances the dashboard UI to display a list of the most recently created headlines.

- Localization: Added new strings for the "Recent Headlines" section title, a "View All" button, and a message for when no headlines are available.

- UI Update: The DashboardPage now includes a new _RecentHeadlinesCard widget.

- Recent Headlines Card: This card displays a title, a "View All" button that navigates to the content management page, and a list of recent headlines. Each headline in the list shows its title and relative creation time (e.g., "5m ago") and is tappable, navigating the user directly to that headline's edit page.

Author: fulleni

lib/dashboard/view/dashboard_page.dart

@@ -1,8 +1,11 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
-import 'package:ht_dashboard/dashboard/bloc/dashboard_bloc.dart';
+import 'package:go_router/go_router.dart';
+import 'package:ht_dashboard/dashboard/bloc/dashboard.dart'; // Barrel file
 import 'package:ht_dashboard/l10n/l10n.dart';
+import 'package:ht_dashboard/router/routes.dart';
 import 'package:ht_dashboard/shared/shared.dart';
+import 'package:ht_shared/ht_shared.dart';
 
 /// {@template dashboard_page}
 /// The main dashboard page, displaying key statistics and quick actions.
@@ -47,6 +50,7 @@ class _DashboardPageState extends State<DashboardPage> {
           }
           if (state.status == DashboardStatus.success && state.summary != null) {
             final summary = state.summary!;
+            final recentHeadlines = state.recentHeadlines;
             return ListView(
               padding: const EdgeInsets.all(AppSpacing.lg),
               children: [
@@ -77,7 +81,10 @@ class _DashboardPageState extends State<DashboardPage> {
                     ),
                   ],
                 ),
-                // Other dashboard components will go here in future phases
+                const SizedBox(height: AppSpacing.lg),
+                _RecentHeadlinesCard(
+                  headlines: recentHeadlines,
+                ),
               ],
             );
           }
@@ -88,6 +95,72 @@ class _DashboardPageState extends State<DashboardPage> {
   }
 }
 
+/// A card to display a list of recently created headlines.
+class _RecentHeadlinesCard extends StatelessWidget {
+  const _RecentHeadlinesCard({required this.headlines});
+
+  final List<Headline> headlines;
+
+  @override
+  Widget build(BuildContext context) {
+    final l10n = context.l10n;
+    final theme = Theme.of(context);
+
+    return Card(
+      child: Padding(
+        padding: const EdgeInsets.all(AppSpacing.lg),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Row(
+              mainAxisAlignment: MainAxisAlignment.spaceBetween,
+              children: [
+                Text(l10n.recentHeadlines, style: theme.textTheme.titleLarge),
+                TextButton(
+                  onPressed: () =>
+                      context.goNamed(Routes.contentManagementName),
+                  child: Text(l10n.viewAll),
+                ),
+              ],
+            ),
+            const SizedBox(height: AppSpacing.md),
+            if (headlines.isEmpty)
+              Padding(
+                padding: const EdgeInsets.symmetric(vertical: AppSpacing.lg),
+                child: Center(
+                  child: Text(
+                    l10n.noRecentHeadlines,
+                    style: theme.textTheme.bodyMedium
+                        ?.copyWith(color: theme.colorScheme.onSurfaceVariant),
+                  ),
+                ),
+              )
+            else
+              ...headlines.map(
+                (headline) => ListTile(
+                  leading: const Icon(Icons.article_outlined),
+                  title: Text(headline.title, maxLines: 1),
+                  subtitle: Text(
+                    DateFormatter.formatRelativeTime(
+                      context,
+                      headline.createdAt,
+                    ),
+                  ),
+                  onTap: () => context.goNamed(
+                    Routes.editHeadlineName,
+                    pathParameters: {'id': headline.id},
+                  ),
+                  contentPadding: EdgeInsets.zero,
+                  dense: true,
+                ),
+              ),
+          ],
+        ),
+      ),
+    );
+  }
+}
+
 /// A private widget to display a single summary statistic on the dashboard.
 class _SummaryCard extends StatelessWidget {
   const _SummaryCard({

lib/l10n/app_localizations.dart

@@ -1351,6 +1351,24 @@ abstract class AppLocalizations {
   /// In en, this message translates to:
   /// **'Failed to load dashboard data.'**
   String get dashboardLoadFailure;
+
+  /// Title for the recent headlines card on the dashboard
+  ///
+  /// In en, this message translates to:
+  /// **'Recent Headlines'**
+  String get recentHeadlines;
+
+  /// Button text to view all items in a list
+  ///
+  /// In en, this message translates to:
+  /// **'View All'**
+  String get viewAll;
+
+  /// Message shown when there are no recent headlines
+  ///
+  /// In en, this message translates to:
+  /// **'No recent headlines to display.'**
+  String get noRecentHeadlines;
 }
 
 class _AppLocalizationsDelegate

lib/l10n/app_localizations_ar.dart

@@ -704,4 +704,13 @@ class AppLocalizationsAr extends AppLocalizations {
 
   @override
   String get dashboardLoadFailure => 'فشل تحميل بيانات لوحة القيادة.';
+
+  @override
+  String get recentHeadlines => 'أحدث العناوين';
+
+  @override
+  String get viewAll => 'عرض الكل';
+
+  @override
+  String get noRecentHeadlines => 'لا توجد عناوين حديثة لعرضها.';
 }

lib/l10n/app_localizations_en.dart

@@ -702,4 +702,13 @@ class AppLocalizationsEn extends AppLocalizations {
 
   @override
   String get dashboardLoadFailure => 'Failed to load dashboard data.';
+
+  @override
+  String get recentHeadlines => 'Recent Headlines';
+
+  @override
+  String get viewAll => 'View All';
+
+  @override
+  String get noRecentHeadlines => 'No recent headlines to display.';
 }

lib/l10n/arb/app_ar.arb

@@ -849,5 +849,17 @@
   "dashboardLoadFailure": "فشل تحميل بيانات لوحة القيادة.",
   "@dashboardLoadFailure": {
     "description": "رسالة خطأ عند فشل تحميل بيانات لوحة القيادة"
+  },
+  "recentHeadlines": "أحدث العناوين",
+  "@recentHeadlines": {
+    "description": "عنوان بطاقة أحدث العناوين في لوحة القيادة"
+  },
+  "viewAll": "عرض الكل",
+  "@viewAll": {
+    "description": "نص زر عرض كل العناصر في قائمة"
+  },
+  "noRecentHeadlines": "لا توجد عناوين حديثة لعرضها.",
+  "@noRecentHeadlines": {
+    "description": "رسالة تظهر عند عدم وجود عناوين حديثة"
   }
 }

lib/l10n/arb/app_en.arb

@@ -849,5 +849,17 @@
   "dashboardLoadFailure": "Failed to load dashboard data.",
   "@dashboardLoadFailure": {
     "description": "Error message when dashboard data fails to load"
+  },
+  "recentHeadlines": "Recent Headlines",
+  "@recentHeadlines": {
+    "description": "Title for the recent headlines card on the dashboard"
+  },
+  "viewAll": "View All",
+  "@viewAll": {
+    "description": "Button text to view all items in a list"
+  },
+  "noRecentHeadlines": "No recent headlines to display.",
+  "@noRecentHeadlines": {
+    "description": "Message shown when there are no recent headlines"
   }
 }