Investigate the space under the bottom navigation on iOS

[bahaaTuffaha]

Describe the Bug

While scrolling through the page, the bottom navigation bar stays in the same position and leaves a gap underneath.
Device: iPhone 16 Pro (390 × 844 px)
Browser: Chrome.

Steps to Reproduce

1- Open the web app on an iPhone (Chrome)
2- Go to the main page (also reproducible on other pages).
3- Scroll down.

Expected Behavior

The bottom navigation bar should stay attached to the bottom of the viewport without leaving any gap while scrolling.

Related Issues

N/A

Additional Information

video_2026-03-30_13-40-25.mp4