feat(chat-message-bubble): add status marker

packages/chat_repository_interface/lib/src/local/local_chat_repository.dart

@@ -225,6 +225,7 @@ class LocalChatRepository implements ChatRepositoryInterface {
       messageType: messageType,
       senderId: senderId,
       imageUrl: imageUrl,
+      status: MessageStatus.sent,
     );
 
     var chat = chats.firstWhereOrNull((e) => e.id == chatId);

packages/flutter_chat/lib/src/screens/chat_detail/widgets/default_message_builder.dart

@@ -147,6 +147,30 @@ class DefaultChatMessageBuilder extends StatelessWidget {
   }
 }
 
+class _ChatMessageStatus extends StatelessWidget {
+  const _ChatMessageStatus({
+    required this.messageTheme,
+    required this.status,
+  });
+
+  final MessageTheme messageTheme;
+  final MessageStatus status;
+
+  @override
+  Widget build(BuildContext context) => switch (status) {
+        MessageStatus.sending => Icon(
+            Icons.access_time,
+            size: 16.0,
+            color: messageTheme.textColor,
+          ),
+        MessageStatus.sent => Icon(
+            Icons.check,
+            size: 16.0,
+            color: messageTheme.textColor,
+          ),
+      };
+}
+
 class _ChatMessageBubble extends StatelessWidget {
   const _ChatMessageBubble({
     required this.isSameSender,
@@ -200,12 +224,15 @@ class _ChatMessageBubble extends StatelessWidget {
       ),
     );
 
-    var messageTimeRow = Row(
+    var messageTimeRow = Padding(
-      mainAxisAlignment: MainAxisAlignment.end,
+      padding: const EdgeInsets.only(
-      children: [
+        bottom: 8.0,
-        Padding(
+        right: 8.0,
-          padding: const EdgeInsets.only(right: 8, bottom: 4),
+      ),
-          child: CustomSemantics(
+      child: Row(
+        mainAxisAlignment: MainAxisAlignment.end,
+        children: [
+          CustomSemantics(
             identifier: semanticIdTime,
             value: messageTime,
             child: Text(
@@ -216,8 +243,13 @@ class _ChatMessageBubble extends StatelessWidget {
               textAlign: TextAlign.end,
             ),
           ),
-        ),
+          const SizedBox(width: 4.0),
-      ],
+          _ChatMessageStatus(
+            messageTheme: messageTheme,
+            status: message.status,
+          ),
+        ],
+      ),
     );
 
     var showName =