Send images > 4. Implement UI image message sending and display

[hesterbruikman]

Problem

As part of epic Send images, discussed in status-im/specs#69:

• 1. Write spec doc based on this thread Redefine technical specs for image sending #10417
• 2. Implementation image content type for chat messages Image content type for chat messages specs#107
• 3. Implement image compression for message type (status-go) - OPTIONAL
• 4. Message sending and display 👈
• 5. UI for capture and image selection [WIP] MVP Images #9455
• 6. Message actions and reply Send images > 6. Message actions and reply #10475
• 7. View images in user profile for 1:1 chats

Implementation

Image display follows Figma

Separate message, each image container aka 'message bubble' can only have a single image inside, we shouldn't mix text and images, those would be split into two separate messages on the list : one for image, another for text

Acceptance Criteria

• Sending/Sent/Error states of image sending are displayed
• Image can be viewed full screen on tap
• Implementation follows Figma design

Notes

Testing along with #9455

Future Steps

• 6. Message actions and reply