Description: Header UI Overlapping

Describe the bug
The Enatega Multivendor Customer App is currently experiencing a UI issue in the header section where the address and the favorite icon is overlapping, leading to a visual conflict in the user interface.

To Reproduce
Steps to reproduce the behavior:

Open the Enatega Multivendor Customer App.
Navigate to any section where the header is visible.
Observe the position of the address and favorite icon in the header.
Expected behavior
The address and the favorite icon should be displayed distinctly in the header without overlapping. Each element should occupy its designated space, ensuring a clear and unobstructed view for users.

Screenshots
Screenshot_20240115-163819_Enatega Multivendor

Smartphone:

Device: Android

Reproduce the overlap in the Enatega Multivendor Customer App on Android by opening a section with the header. Locate the header component responsible for the address and favorite icon; no file or test is named in the issue. Done means both elements have distinct, unobstructed space without overlapping.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.