selectable suggestion provider

app/lib/features/settings/presentation/widgets/bang_icon.dart

@@ -0,0 +1,22 @@
+import 'package:flutter/material.dart';
+import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:weblibre/features/bangs/domain/providers/bangs.dart';
+import 'package:weblibre/presentation/widgets/url_icon.dart';
+
+class BangIcon extends ConsumerWidget {
+  final String trigger;
+  final double iconSize;
+
+  const BangIcon({super.key, required this.trigger, this.iconSize = 20});
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final bang = ref.watch(
+      bangDataProvider(trigger).select((value) => value.valueOrNull),
+    );
+
+    return UrlIcon([
+      if (bang != null) bang.getTemplateUrl(''),
+    ], iconSize: iconSize);
+  }
+}

app/lib/features/settings/presentation/widgets/default_search_selector.dart

@@ -12,7 +12,9 @@ class DefaultSearchSelector extends HookConsumerWidget {
 
   @override
   Widget build(BuildContext context, WidgetRef ref) {
-    final activeBang = ref.watch(defaultSearchBangDataProvider).valueOrNull;
+    final activeBang = ref.watch(
+      defaultSearchBangDataProvider.select((value) => value.valueOrNull),
+    );
     final availableBangs = ref.watch(frequentBangListProvider);
 
     Future<void> updateSearchProvider(String trigger) async {