Oversized Logout Button Area Leading to Accidental Logouts in Enatega Multivendor Rider App

Nobody has claimed this yet.

Describe the bug
In the Enatega Multivendor Rider App, the logout button's clickable area is significantly larger than the actual visual representation of the button. This discrepancy in size results in users inadvertently triggering the logout action when attempting to interact with other parts of the app interface. Even when users tap on areas where the logout button is not visually present, the logout action is triggered, causing users to unintentionally log out from their accounts.

To Reproduce

Open the Enatega Multivendor Rider App.
Navigate to any screen within the app.
Observe that the logout button is located in a specific area of the screen, visually represented by a smaller icon or text.
Attempt to interact with other elements or areas of the screen, away from the logout button.
Notice that despite tapping on areas where the logout button is not visually present, the logout action is triggered, leading to an unintended logout from the user's account.
Expected behavior
The logout button's clickable area should be accurately aligned with its visual representation to prevent accidental logouts. Users should only be able to trigger the logout action by tapping directly on the visual representation of the logout button.

Screenshots

screen-20240313-120838.mp4
Smartphone (please complete the following information):

Device: IOS & Android.

Start by reproducing the accidental logout on both iOS and Android, then locate the Rider App screen containing the logout control and compare its interactive area with its visual bounds. Done means taps outside the visible logout control no longer trigger logout while direct taps still do.

Written by the indexing model from the issue text.