Add pending status icon on message row header

[tomastiminskas]

Show new clock yellow icon when message is not confirmed within 30 seconds of being sent

Base branch: develop: All new changes needs to be done using develop branch as base branch. We use develop as base for Test Flight distribution releases

Context

When I message is sent it shows the lock icon on the status header until confirmation is received. When confirmed the green bolt icon shows up next to it. When the confirmation for a message doesn't come in within 30 seconds of being sent we need to make it more clear for the user that the message was not confirmed as delivered. Otherwise user might think it was sent since it was not marked as failed neither

Requirements

1. Show yellow clock icon on every message which is not confirmed nor failed and message date is before 30 seconds in the past

2. Show same yellow clock icon on the chat header (next to bolt icon) if last message in the chat matches this condition (sent, not confirmed, not failed and date < 30 seconds in the past)

• Add new date attribute inside LayoutState.MessageStatusHeader
• Show new icon if showBoltIcon, showGrayBoltIcon and showFailedContainer are FALSE, and date is before 30 seconds in the past
• Implement new logic to check for last message in the chat and toggle clock icon on the header (avoid new db query to get new message, instead use the existing messageRepository.getAllMessagesToShowByChatId query, filter the results to get the last message in the chat, apply the needed logic and notify the Fragment through a MutableStateFlow to show/hide the new icon on the header

References

• New icon color: @color/sphinxOrange

Acceptance Criteria

• Implement UI and logic to show new pending clock icon on message row status header and chat header

[turizspace]

Kindly assign me this one.