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]

No file or test is named. Locate the Order Details screen entry point in the TypeScript/React application and reproduce it on a punch-hole device or emulator. Done means all order-detail text is fully visible below the camera area without clipping.

Written by the indexing model from the issue text.