[Outreachy Task Submission] Footer Menu Buttons Do Not Navigate to Respective Pages on Mobile Screens

[blessingpeters]

Describe the bug
In the mobile app, the menu buttons located at the footer are expected to navigate users to their respective pages. However, tapping these buttons currently brings up the share deployment modal instead, hindering navigation and usability.

To Reproduce
Steps to reproduce the behavior:

1. Open the https://mzima-dev.staging.ush.zone/map on a mobile screen.
2. Tap each footer menu button (map view, data view, activity, settings) to navigate to different parts of the website
3. Note the action that occurs upon tapping these buttons.

Expected behavior
Each footer menu button should navigate the user to the respective page or section as intended.

Actual behavior
clicking on the footer menu buttons brings up the share deployment modal, preventing navigation to the intended pages.

Screen.Recording.2024-03-07.at.11.26.19.PM.mov

**Desktop Hardware Details

• OS: [Mac OS ventura]
• Browser [chrome,]
• Version [13.4.1]

@Angamanga Please help add the Outreachy Task Submission Label to this issue, I'll be resolving this.