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 TypeScript/React application and reproduce it on a smartphone with a camera punch-hole display. Adjust the screen layout so the order detail text remains fully visible below the camera area, then verify the result on the affected screen.

Written by the indexing model from the issue text.