✨ Ordering and show the last message in channel

lib/screens/chat.dart

@@ -4,6 +4,7 @@ import 'package:go_router/go_router.dart';
 import 'package:material_symbols_icons/symbols.dart';
 import 'package:provider/provider.dart';
 import 'package:surface/providers/channel.dart';
+import 'package:surface/providers/user_directory.dart';
 import 'package:surface/types/chat.dart';
 import 'package:surface/widgets/account/account_image.dart';
 import 'package:surface/widgets/dialog.dart';
@@ -20,10 +21,25 @@ class _ChatScreenState extends State<ChatScreen> {
   bool _isBusy = true;
 
   List<SnChannel>? _channels;
+  Map<int, SnChatMessage>? _lastMessages;
 
   void _refreshChannels() {
     final chan = context.read<ChatChannelProvider>();
-    chan.fetchChannels().listen((channels) {
+    chan.fetchChannels().listen((channels) async {
+      final lastMessages = await chan.getLastMessages(channels);
+      _lastMessages = {for (final val in lastMessages) val.channelId: val};
+      channels.sort((a, b) {
+        if (_lastMessages!.containsKey(a.id) &&
+            _lastMessages!.containsKey(b.id)) {
+          return _lastMessages![b.id]!
+              .createdAt
+              .compareTo(_lastMessages![a.id]!.createdAt);
+        }
+        if (_lastMessages!.containsKey(a.id)) return -1;
+        if (_lastMessages!.containsKey(b.id)) return 1;
+        return 0;
+      });
+
       if (mounted) setState(() => _channels = channels);
     })
       ..onError((err) {
@@ -45,6 +61,8 @@ class _ChatScreenState extends State<ChatScreen> {
 
   @override
   Widget build(BuildContext context) {
+    final ud = context.read<UserDirectoryProvider>();
+
     return Scaffold(
       appBar: AppBar(
         title: Text('screenChat').tr(),
@@ -67,13 +85,20 @@ class _ChatScreenState extends State<ChatScreen> {
                 itemCount: _channels?.length ?? 0,
                 itemBuilder: (context, idx) {
                   final channel = _channels![idx];
+                  final lastMessage = _lastMessages?[channel.id];
                   return ListTile(
                     title: Text(channel.name),
-                    subtitle: Text(
-                      channel.description,
-                      maxLines: 1,
-                      overflow: TextOverflow.ellipsis,
-                    ),
+                    subtitle: lastMessage != null
+                        ? Text(
+                            '${ud.getAccountFromCache(lastMessage.sender.accountId)?.nick}: ${lastMessage.body['text'] ?? 'Unable preview'}',
+                            maxLines: 1,
+                            overflow: TextOverflow.ellipsis,
+                          )
+                        : Text(
+                            channel.description,
+                            maxLines: 1,
+                            overflow: TextOverflow.ellipsis,
+                          ),
                     contentPadding: const EdgeInsets.symmetric(horizontal: 16),
                     leading: AccountImage(
                       content: null,