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 inspect the top layout around the order detail text. Reproduce the issue on a device with a camera punch-hole display; done means the complete text is visible below the camera area with appropriate spacing.

Written by the indexing model from the issue text.