Enatega Customer Application: Make Add a Message for Restaurant whole field clickable rightnow user has to click the arrow button

Nobody has claimed this yet.

Describe the bug
Currently, on the "Add a Message for Restaurant" component, only the arrow button is clickable to expand or activate the input field. Users must specifically click the arrow, which is not intuitive and can lead to confusion or missed interaction. Clicking anywhere within the field area should trigger the same behavior.

Steps to Reproduce:

Navigate to the section with "Add a Message for Restaurant."
Attempt to click on the text or empty area of the field (not the arrow).
Observe that nothing happens unless the arrow button is clicked.
Expected behavior
The entire "Add a Message for Restaurant" field (including the text and surrounding container) should be clickable to expand the input area, not just the arrow button.

Smartphone (please complete the following information):

Device: [e.g. Infinix HOT 50]
OS: [e.g. Android]
Browser [e.g. Application]
Version [e.g. Latest]

Search the React Native customer application for the "Add a Message for Restaurant" label and inspect the component that expands the message input. Make the text and surrounding field area trigger the same behavior as the arrow, then verify that tapping each part expands the input while the existing arrow interaction still works.

Written by the indexing model from the issue text.