Implement Chat Screen and Messages

[AndreaDiazCorreia]

Create the Chat screen where users can view their conversations with counterparties during transactions, as well as the disputes tab.

Tasks:

• Implement tabs for "Messages" and "Disputes"
• Create conversation list with other users
• Implement component for active disputes
• Create individual conversation screen
• Implement text input box for new messages
• Connect with chatRoomsProvider to get conversations
• Implement logic for sending messages
• Allow to copy to clippboard all text inside the chat #76

[Catrya]

Hi @AndreaDiazCorreia

The way the messages are currently displayed in the app, with the nyms, their images, and the message colors based on the nym, is very good, that should definitely be kept ( I couldn’t get it to work that way in Lovable, it always showed a star image for every chat).

Some improvements to consider, even if they’re not urgent:

1- Chats should be sorted based on sent or received messages, so the most recently active one goes to the top and the user can find it faster.
2- Add a visual indicator next to the corresponding chat to show when there are unread messages.
3- When the user enters a chat, it should jump straight to the latest message so they don’t have to scroll all the way down if the conversation is long.

I updated the screen in Lovable so that 1 and 2 are fulfilled

[Catrya]

close via #162