Upgrade paraglide for nested translation fields, continue adding translations

[spwoodcock]

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

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

Related Issue

Fixes #2257
Towards #2249

Describe this PR

• Paraglide had a major upgrade in the past week - v2 with lots of nice features.

• One of many is nested translation fields, making management easier:

      "task_states": {
  	    "UNLOCKED_TO_MAP": "Ready",
  	    "LOCKED_FOR_MAPPING": "Locked For Mapping",
  	    "UNLOCKED_TO_VALIDATE": "Ready For Validation",
  	    "LOCKED_FOR_VALIDATION": "Locked For Validation",
  	    "UNLOCKED_DONE": "Validated"
      },

• For the example above we can use in code like: m[''task_states.UNLOCKED_TO_MAP]()

• One major change: updating locale now causes a full page reload:

  • This isn't actually that bad - it's rare people change language much.
  • Language is identified from (1) localStorage (2) navigator.locale (3) paraglide (in this priority order).
  • The advantage is that code splitting can take place for the required translations by the bundler - we get full tree shaking of unused translations!

• I also continued to add translation fields to the mapper frontend - work in progress!

• The actual translation to pt-BR for MdP can be done on inlang Fink by external contributors (non-devs).

• Also, I recommend the Sherlock VSCode extension that analyses each file for translation fields,

Screenshots

Translation fields to be filled:

Alternative Approaches Considered

Did you attempt any other approaches that are not documented in code?

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?