continue layout changes

lib/widgets/chat_page/message_wrapper.dart

@@ -0,0 +1,39 @@
+import "package:flutter/material.dart";
+import "package:flutter_chat_core/flutter_chat_core.dart";
+import "package:nexus/widgets/avatar_or_hash.dart";
+
+class MessageWrapper extends StatelessWidget {
+  final Message message;
+  final Widget child;
+  final MessageGroupStatus? groupStatus;
+  const MessageWrapper(this.message, this.child, this.groupStatus, {super.key});
+
+  @override
+  Widget build(BuildContext context) => Row(
+    spacing: 8,
+    crossAxisAlignment: CrossAxisAlignment.start,
+    children: [
+      groupStatus?.isFirst != false
+          ? AvatarOrHash(
+              Uri.parse(message.metadata?["avatarUrl"] ?? ""),
+              height: 40,
+              message.metadata?["displayName"] ?? "",
+            )
+          : SizedBox(width: 40),
+      Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          if (groupStatus?.isFirst != false)
+            Text(
+              message.metadata?["displayName"] ?? message.authorId,
+              overflow: TextOverflow.ellipsis,
+              style: Theme.of(
+                context,
+              ).textTheme.titleMedium?.copyWith(fontWeight: FontWeight.bold),
+            ),
+          child,
+        ],
+      ),
+    ],
+  );
+}