Ensure Typing Bar Stays Attached to Keyboard During Chat

Describe the bug

In the Enatega Multivendor Rider App's chat feature, the typing bar should remain attached to the keyboard while typing, ensuring a seamless and user-friendly chat experience. Currently, when users type a message, the typing bar may not adjust properly with the keyboard, leading to inconvenience and a disjointed user experience.

To Reproduce

Open the Enatega Multivendor Rider App.
Navigate to the chat feature.
Initiate a chat conversation with a user.
Begin typing a message.
Observe that the typing bar may not stay attached to the keyboard as it appears, causing inconvenience and disrupting the flow of typing.
Expected behavior
While typing a message in the chat feature, the typing bar should dynamically adjust its position to stay attached to the keyboard, ensuring a seamless and user-friendly chat experience. This behavior enhances usability and allows users to focus on their conversation without interruptions.

Screenshots
https://github.com/ninjas-code-official/food-delivery-multivendor/assets/153413752/c1e8eaad-a9ac-4c20-b50e-2642db84eae5

Smartphone (please complete the following information):

Device: IOS.
Additional context
IOS specific bug.

Start by locating the chat feature in the TypeScript/React application and reproduce the typing-bar behavior on iOS using the steps in the issue. Done means the typing bar dynamically stays attached to the keyboard while entering a message; no specific file or test is identified in the report.