Chat Display Order Issue - Enatega Multivendor Customer App

Describe the bug
In the Enatega Multivendor Customer App, there is an issue with the display order of messages in the chat with the rider. Upon the initial message exchange, the customer's message appears at the top, followed by the rider's message, despite the rider sending the first message. However, upon reopening the chat after navigating back, the message order corrects itself, showing the rider's message at the top and the customer's below.

To Reproduce
Steps to reproduce the behavior:

Start a chat with a rider for the first time.
Observe the order of messages after sending the initial message.
Close the chat and reopen it.
Expected behavior
The initial message order should reflect the actual chronological order of messages, with the rider's message appearing at the top when they send the first message.

Screenshots

RPReplay_Final1710227873.MP4
Smartphone:

Device: iOS and android

Start by locating the chat screen and rider message list in the React Native customer app, then reproduce the first-open and reopen flows on iOS or Android. Trace how messages are ordered during the initial render versus after navigation; done means the initial chat view consistently shows messages in chronological order.

Written by the indexing model from the issue text.