Chat UI

[tomastiminskas]

Implement Chat view UI to match MacOS designs.

Current UI

MacOS UI

• Header and Footer layouts
• Messages Rows layout: use layout_message_holder.xml as a reference for all messages types layouts (but we can start from normal text messages layouts and then add one by one all the messages types)

[tomastiminskas]

As we don't have a design for the bottom bar, we should use the desktop screenshot above as a reference and the android app. Here are some items I would adjust to make it look as similar as possible.

Bottom bar fixes:

• Left + button should have a blue circle (layout_chat_footer.xml)
• Replace by Giphy icon
• Replace emoji icon with the outline version to be consistent
• Send button should have a blue circle as on screenshot (layout_chat_footer.xml)
• Reduce space between icons and make it consistent so message field is wider
• Fix bottom bar back color, field back color and icon colors from android (layout_chat_footer.xml)