💄 Optimize in-app notification style

lib/services/notify.universal.dart

@@ -106,20 +106,6 @@ StreamSubscription<WebSocketPacket> setupNotificationListener(
               child: NotificationCard(notification: notification),
             ),
           ),
-          onTap: () {
-            if (notification.meta['action_uri'] != null) {
-              var uri = notification.meta['action_uri'] as String;
-              if (uri.startsWith('/')) {
-                // In-app routes
-                rootNavigatorKey.currentContext?.push(
-                  notification.meta['action_uri'],
-                );
-              } else {
-                // External URLs
-                launchUrlString(uri);
-              }
-            }
-          },
           onDismissed: () {},
           dismissType: DismissType.onSwipe,
           displayDuration: const Duration(seconds: 5),

lib/widgets/app_notification.dart

@@ -1,9 +1,12 @@
 import 'package:flutter/material.dart';
+import 'package:go_router/go_router.dart';
 import 'package:hooks_riverpod/hooks_riverpod.dart';
 import 'package:island/models/account.dart';
+import 'package:island/route.dart';
 import 'package:island/widgets/content/cloud_files.dart';
 import 'package:material_symbols_icons/material_symbols_icons.dart';
 import 'package:styled_widget/styled_widget.dart';
+import 'package:url_launcher/url_launcher_string.dart';
 
 class NotificationCard extends HookConsumerWidget {
   final SnNotification notification;
@@ -14,9 +17,29 @@ class NotificationCard extends HookConsumerWidget {
   Widget build(BuildContext context, WidgetRef ref) {
     final icon = Symbols.info;
 
-    return Card(
+    return InkWell(
+      borderRadius: BorderRadius.all(Radius.circular(8)),
+      onTap: () {
+        if (notification.meta['action_uri'] != null) {
+          var uri = notification.meta['action_uri'] as String;
+          if (uri.startsWith('solian://')) {
+            uri = uri.replaceFirst('solian://', '');
+          }
+          if (uri.startsWith('/')) {
+            // In-app routes
+            rootNavigatorKey.currentContext?.push(
+              notification.meta['action_uri'],
+            );
+          } else {
+            // External URLs
+            launchUrlString(uri);
+          }
+        }
+      },
+      child: Card(
         elevation: 4,
         margin: const EdgeInsets.only(bottom: 8),
+        color: Theme.of(context).colorScheme.surfaceContainer,
         shape: const RoundedRectangleBorder(
           borderRadius: BorderRadius.all(Radius.circular(8)),
         ),
@@ -67,6 +90,7 @@ class NotificationCard extends HookConsumerWidget {
             ),
           ],
         ),
+      ),
     );
   }
 }