Fix map overlapping footer issue (#10306)

[srushti1705]

Fixes #10306

This PR fixes the UI bug where the map overlaps the footer while scrolling by adjusting CSS positioning in map.css.

Changes made:

• Added CSS to reset position of leaflet elements
• Prevented map from overlapping footer

• PR is descriptively titled 📑 and links the original issue above 🔗
• tests pass
• code is in uniquely-named feature branch and has no merge conflicts 📁
• screenshots/GIFs are attached 📎 in case of UI updation
• ask @publiclab/reviewers for help, in a comment below

@publiclab/reviewers please review

[welcome]

Thanks for opening this pull request! This space is protected by our Code of Conduct - and we're here to help.
Dangerbot will test out your code and reply in a bit with some pointers and requests.
Also please refer here for installation help 💿
There may be some errors, but don't worry! We'll work through them with you! 👍🎉😄


One thing that can help to get started is to make sure you've included a link back to the original issue you're solving, in the format fixes #0000 (for example). And to make sure the PR title describes what you're trying to do! (often it can be the same as the issue title) Thanks! 🙌


Then, you can say hello in our chatroom & share a link to this PR to get a review! 👋 ✅

[srushti1705]

@publiclab/reviewers please review