Header Overlapping in Enatega Restaurant App Across Multiple Languages

Describe the bug
When selecting certain languages such as Swedish, Deutsche, Thai, and French in the Enatega Restaurant App, a UI issue occurs where headers on the homepage overlap each other. Specifically, when clicking on a specific header, such as "Orders" in the Swedish language, it causes the "Processing" header to be partially hidden or overlapped. This issue affects the clarity and functionality of the app's interface, potentially leading to confusion and frustration among users.

To Reproduce

Launch the Enatega Restaurant App.
Change the language setting to Swedish, Deutsche, Thai, or French.
Navigate to the homepage.
Click on a specific header, such as "Orders."
Observe that the selected header partially overlaps with other headers, such as "Processing."
Expected behavior

When clicking on a specific header, such as "Orders," in any language setting, it should not cause overlapping or hiding of other headers on the homepage.
Each header should maintain its position and visibility without being obstructed by other UI elements.
Screenshots

screen-20240307-163827.mp4
**Smartphone **

Device: IOS & Android.

Start by launching the Enatega Restaurant App, selecting Swedish, German, Thai, and French, and reproducing the overlap on the homepage by selecting the Orders header. Trace the homepage header entry point used on iOS and Android; done means Orders, Processing, and other headers remain fully visible and usable in each listed language.

Written by the indexing model from the issue text.