msglist: Add star marker in messages

Author: sirpengi

lib/widgets/message_list.dart

@@ -849,6 +849,8 @@ class MessageWithPossibleSender extends StatelessWidget {
 
   final MessageListMessageItem item;
 
+  static final _starColor = const HSLColor.fromAHSL(0.5, 47, 1, 0.41).toColor();
+
   @override
   Widget build(BuildContext context) {
     final message = item.message;
@@ -910,7 +912,14 @@ class MessageWithPossibleSender extends StatelessWidget {
                   if ((message.reactions?.total ?? 0) > 0)
                     ReactionChipsList(messageId: message.id, reactions: message.reactions!)
                 ])),
-            const SizedBox(width: 16),
+            SizedBox(width: 16,
+              child: message.flags.contains(MessageFlag.starred)
+                // TODO(#157): fix how star marker aligns with message content
+                // Design from Figma at:
+                //   https://www.figma.com/file/1JTNtYo9memgW7vV6d0ygq/Zulip-Mobile?node-id=813%3A28817&mode=dev .
+                ? Padding(padding: const EdgeInsets.only(top: 3),
+                    child: Icon(ZulipIcons.star, size: 16, color: _starColor))
+                : null),
           ]),
         ])));
   }