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 application and reproduce the layout on a device with a camera punch-hole display. Inspect the top section's positioning and verify the order detail text remains below the camera area. Done means the complete text is visible with appropriate spacing on the affected screen.

Written by the indexing model from the issue text.