Feat project details geolocation integration

[NSUWAL123]

What type of PR is this? (check all applicable)

• 🍕 Feature
• 🐛 Bug Fix
• 📝 Documentation
• 🧑‍💻 Refactor
• ✅ Test
• 🤖 Build or CI
• ❓ Other (please specify)

Related Issue

Describe this PR

This PR integrates the current working geolocation to the project details page and making geolocation function reusable.

Screenshots

Alternative Approaches Considered

Edit from @spwoodcock :

• First we used capacitor, but the implementation uses the web api for mobile anyway, plus it didn't seem to work well.
• Next we tried a few other libraries that worked ok, but were not very confovurable.
• The final solution we landed on was returning to first principals: calculating the rotation direction using the quatarnion returned via native web apis.

Review Guide

Notes for the reviewer. How to test this change?

Checklist before requesting a review

• 📖 Read the FMTM Contributing Guide: https://github.com/hotosm/fmtm/blob/main/CONTRIBUTING.md
• 📖 Read the HOT Code of Conduct: https://docs.hotosm.org/code-of-conduct
• 👷‍♀️ Create small PRs. In most cases, this will be possible.
• ✅ Provide tests for your changes.
• 📝 Use descriptive commit messages.
• 📗 Update any related documentation and include any relevant screenshots.

[optional] What gif best describes this PR or how it makes you feel?

[NSUWAL123]

I have made a function in utilsFunction to for geolocation and dumped the previous capacitor geolocation and added current implementation of the geolocation on projectListsMap.
However, I have not removed the code on projectListsMap as this implementation also needs to be tested.

[spwoodcock]

Neat! Very cool integrating the quaternion code 😁

I'll merge and we can test on dev 👍
(@varun2948 beat me to it 😆)

[varun2948]

hahaha @spwoodcock i was looking over to this PR thoroughly so did it the moment i finished reviewing :D

[varun2948]

@NSUWAL123 btw have you checked, if the GPS is turned off it causes issue.

[spwoodcock]

Yep same in my browser, Firefox with GPS disabled:

Home screen:

[spwoodcock]

And then when I decline location on my phone.

Both with the permissions I think.

We probably need a check:

if ('geolocation' in navigator) {}