feat(account): Use new headline tiles

- Implemented image style setting
- Added new headline tile widgets
- Uses GoRouter for navigation

Author: fulleni

lib/account/view/saved_headlines_page.dart

@@ -1,10 +1,13 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:go_router/go_router.dart'; // Added GoRouter
 import 'package:ht_main/account/bloc/account_bloc.dart';
-import 'package:ht_main/headlines-feed/widgets/headline_item_widget.dart';
+import 'package:ht_main/app/bloc/app_bloc.dart'; // Added AppBloc
+// HeadlineItemWidget import removed
 import 'package:ht_main/l10n/l10n.dart';
 import 'package:ht_main/router/routes.dart';
-import 'package:ht_main/shared/widgets/widgets.dart';
+import 'package:ht_main/shared/shared.dart'; // Imports new headline tiles
+import 'package:ht_shared/ht_shared.dart' show Headline, HeadlineImageStyle; // Added HeadlineImageStyle
 
 /// {@template saved_headlines_page}
 /// Displays the list of headlines saved by the user.
@@ -68,20 +71,60 @@ class SavedHeadlinesPage extends StatelessWidget {
             separatorBuilder: (context, index) => const Divider(height: 1),
             itemBuilder: (context, index) {
               final headline = savedHeadlines[index];
-              return HeadlineItemWidget(
-                headline: headline,
-                targetRouteName: Routes.accountArticleDetailsName,
-                trailing: IconButton(
-                  // Changed from trailingWidget
-                  icon: const Icon(Icons.delete_outline),
-                  tooltip: 'Remove from saved', // Placeholder
-                  onPressed: () {
-                    context.read<AccountBloc>().add(
-                      AccountSaveHeadlineToggled(headline: headline),
-                    );
-                  },
-                ),
+              final imageStyle = context
+                  .watch<AppBloc>()
+                  .state
+                  .settings
+                  .feedPreferences
+                  .headlineImageStyle;
+
+              final trailingButton = IconButton(
+                icon: const Icon(Icons.delete_outline),
+                tooltip: l10n.headlineDetailsRemoveFromSavedTooltip, // Use l10n
+                onPressed: () {
+                  context.read<AccountBloc>().add(
+                        AccountSaveHeadlineToggled(headline: headline),
+                      );
+                },
               );
+
+              Widget tile;
+              switch (imageStyle) {
+                case HeadlineImageStyle.hidden:
+                  tile = HeadlineTileTextOnly(
+                    headline: headline,
+                    onHeadlineTap: () => context.goNamed(
+                      Routes.accountArticleDetailsName,
+                      pathParameters: {'id': headline.id},
+                      extra: headline,
+                    ),
+                    trailing: trailingButton,
+                  );
+                  break;
+                case HeadlineImageStyle.smallThumbnail:
+                  tile = HeadlineTileImageStart(
+                    headline: headline,
+                    onHeadlineTap: () => context.goNamed(
+                      Routes.accountArticleDetailsName,
+                      pathParameters: {'id': headline.id},
+                      extra: headline,
+                    ),
+                    trailing: trailingButton,
+                  );
+                  break;
+                case HeadlineImageStyle.largeThumbnail:
+                  tile = HeadlineTileImageTop(
+                    headline: headline,
+                    onHeadlineTap: () => context.goNamed(
+                      Routes.accountArticleDetailsName,
+                      pathParameters: {'id': headline.id},
+                      extra: headline,
+                    ),
+                    trailing: trailingButton,
+                  );
+                  break;
+              }
+              return tile;
             },
           );
         },