Localizing Fullscreen, Geolocate, and Navigation controlls

[Ahm3dGI1]

Contributor checklist

• This pull request is on a localizing-controls branch (https://docs.github.com/en/get-started/quickstart/github-flow) and not the main branch
• I have run the tests for the backend and frontend depending on what's needed for my changes as described in the testing section of the contributing guide

---

Description

The tooltips and labels for controls FullscreenControl, NavigationControl, and GeolocateControl are now dynamically localized based on the application's current language settings.

Related issue

• Localize MapLibre GL JS controls (full screen, locate, etc) #1071

[netlify]

✅ Deploy Preview for activist-org ready!

Name	Link
🔨 Latest commit	776d895
🔍 Latest deploy log	https://app.netlify.com/sites/activist-org/deploys/67794344932f7100085a5811
😎 Deploy Preview	https://deploy-preview-1073--activist-org.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[github-actions]

Thank you for the pull request!

The activist team will do our best to address your contribution as soon as we can. The following is a checklist for maintainers to make sure this process goes as well as possible. Feel free to address the points below yourself in further commits if you realize that actions are needed :)

If you're not already a member of our public Matrix community, please consider joining! We'd suggest using Element as your Matrix client, and definitely join the General and Development rooms once you're in. Also consider joining our bi-weekly Saturday dev syncs. It'd be great to have you!

Maintainer checklist

• The TypeScript and formatting workflows within the PR checks do not indicate new errors in the files changed

• The Playwright end to end and Zap penetration tests have been ran and are passing (if necessary)

• The changelog has been updated with a description of the changes for the upcoming release and the corresponding issue (if necessary)

[github-actions]

First PR Commit Check

• The commit messages for the remote branch of a new contributor should be checked to make sure their email is set up correctly so that they receive credit for their contribution
  • The contributor's name and icon in remote commits should be the same as what appears in the PR
  • If there's a mismatch, the contributor needs to make sure that the email they use for GitHub matches what they have for git config user.email in their local activist repo (can be set with git config --global user.email "GITHUB_EMAIL")

[andrewtavis]

Thanks a lot for the PR, @Ahm3dGI1! Looking at the i18n check, there appears to be a some key issues where the key in the JSON is geolocation, but you're using geolocate. Same for compass and reset_north :) Looks to also be some minor formatting and type check errors in the frontend checks.

Do you want to handle these? Happy to assist as needed 😊

Looking forward to bringing this in!

[Ahm3dGI1]

I fixed the i18n issues. I'm not so sure about the front-end one, tbh. The only idea I have currently is to cast the return of .querySelector() as HTMLElement since its default is to return a general Element | null.

Sorry if I'm taking to much time for this issue but it's my first contribution and the testing is not working on my device for some reason.

[andrewtavis]

No stress whatsoever, @Ahm3dGI1! I can take a look a little bit later :) Thanks for the fixes you sent along already 😊

Btw, what are the problems you're having with testing right now? Maybe we can help you figure it out or improve the testing setup.

[andrewtavis]

All good here now, @Ahm3dGI1! So happy to have the i18n of the map at such a high level. Thanks so much for some great work for your first contribution! 🚀 Hope we can work with you again in the future 😊