feat: Display presences in the app

lib/pages/chat/chat_app_bar_title.dart

@@ -4,8 +4,10 @@ import 'package:flutter_gen/gen_l10n/l10n.dart';
 import 'package:go_router/go_router.dart';
 
 import 'package:fluffychat/pages/chat/chat.dart';
+import 'package:fluffychat/utils/date_time_extension.dart';
 import 'package:fluffychat/utils/matrix_sdk_extensions/matrix_locals.dart';
 import 'package:fluffychat/widgets/avatar.dart';
+import 'package:fluffychat/widgets/presence_builder.dart';
 
 class ChatAppBarTitle extends StatelessWidget {
   final ChatController controller;
@@ -34,16 +36,37 @@ class ChatAppBarTitle extends StatelessWidget {
                 MatrixLocals(L10n.of(context)!),
               ),
               size: 32,
+              presenceUserId: room.directChatMatrixID,
             ),
           ),
           const SizedBox(width: 12),
           Expanded(
-            child: Text(
-              room.getLocalizedDisplayname(MatrixLocals(L10n.of(context)!)),
-              maxLines: 1,
-              overflow: TextOverflow.ellipsis,
-              style: const TextStyle(
-                fontSize: 16,
+            child: ListTile(
+              contentPadding: EdgeInsets.zero,
+              title: Text(
+                room.getLocalizedDisplayname(MatrixLocals(L10n.of(context)!)),
+                maxLines: 1,
+                overflow: TextOverflow.ellipsis,
+                style: const TextStyle(
+                  fontSize: 16,
+                ),
+              ),
+              subtitle: PresenceBuilder(
+                userId: room.directChatMatrixID,
+                builder: (context, presence) {
+                  final lastActiveTimestamp = presence?.lastActiveTimestamp;
+                  if (presence?.currentlyActive == true) {
+                    return Text(L10n.of(context)!.currentlyActive);
+                  }
+                  if (lastActiveTimestamp != null) {
+                    return Text(
+                      L10n.of(context)!.lastActiveAgo(
+                        lastActiveTimestamp.localizedTimeShort(context),
+                      ),
+                    );
+                  }
+                  return const SizedBox.shrink();
+                },
               ),
             ),
           ),

lib/pages/chat/event_info_dialog.dart

@@ -51,6 +51,7 @@ class EventInfoDialog extends StatelessWidget {
             leading: Avatar(
               mxContent: event.senderFromMemoryOrFallback.avatarUrl,
               name: event.senderFromMemoryOrFallback.calcDisplayname(),
+              presenceUserId: event.senderId,
             ),
             title: Text(L10n.of(context)!.sender),
             subtitle: Text(

lib/pages/chat/events/message.dart

@@ -142,6 +142,7 @@ class Message extends StatelessWidget {
               return Avatar(
                 mxContent: user.avatarUrl,
                 name: user.calcDisplayname(),
+                presenceUserId: user.stateKey,
                 onTap: () => onAvatarTab(event),
               );
             },

lib/pages/chat/events/message_content.dart

@@ -80,6 +80,7 @@ class MessageContent extends StatelessWidget {
                 leading: Avatar(
                   mxContent: sender.avatarUrl,
                   name: sender.calcDisplayname(),
+                  presenceUserId: sender.stateKey,
                 ),
                 title: Text(sender.calcDisplayname()),
                 subtitle: Text(event.originServerTs.localizedTime(context)),

lib/pages/chat/events/message_reactions.dart

@@ -210,6 +210,7 @@ class _AdaptableReactorsDialog extends StatelessWidget {
                 mxContent: reactor.avatarUrl,
                 name: reactor.displayName,
                 client: client,
+                presenceUserId: reactor.stateKey,
               ),
               label: Text(reactor.displayName!),
             ),

lib/pages/chat/seen_by_row.dart

@@ -43,6 +43,7 @@ class SeenByRow extends StatelessWidget {
                 name: user.calcDisplayname(),
                 size: 16,
                 fontSize: 9,
+                presenceUserId: user.stateKey,
               ),
             ),
             if (seenByUsers.length > maxAvatars)