Enatega Rider Application : Order Detail Text Hidden Behind Camera Punch on Order Details Screen

Describe the bug
On the Order Details screen, the order detail text is partially hidden or cut off behind the camera punch area of the device screen. This impacts visibility and makes it difficult for users to read the complete information.

Steps to Reproduce:

Open the app on a device with a camera punch-hole display.
Navigate to the Order Details screen.
Observe the top section where order details are shown.
Expected behavior
All order detail text should be fully visible, positioned below the camera punch area with appropriate top padding/margin.

Screenshots

Image

Smartphone (please complete the following information):

Device: [e.g. Samsung A15]
OS: [e.g.15]
Browser [e.g. Application]
Version [e.g. Latest]

Start by locating the Order Details screen in the React Native application and inspect the top section layout around the order detail text. Reproduce the issue on a device with a camera punch-hole display, then verify that all text is positioned below the camera area and remains fully readable.

Written by the indexing model from the issue text.