Render points on both frontends, with colour determined by status

[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 #2164
Related to #2154

Describe this PR

• We have so far mostly worked with polygons.
• Somewhere along the way we forgot about points and linestrings - not a high priority, but should also work at some point.
• This PR goes part way to solving Ensure mapping workflow works well for points (in addition to polygons) #2154, by displaying the points on the project details page and mapper frontend.
• The colour of the point is determined by the status.
• For the React frontend I simply add shading over the same icon - it doesn't look that great.
• For the Svelte frontend I created separate coloured icons that render separately.

Screenshots

Mapper (svelte) frontend:

the colours don't match the legend exactly, but it's a good start

Management (react) frontend:

the colours are less obvious here, as its shading the same icon

Review Guide

• Create a project with points to map.
• Map as usual and see the points change colour.

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?

[spwoodcock]

Damn, this also causes the symbol to render on top of polygons for buildings too...

We need a conditional render of EITHER symbol point OR filled polygon.

For now we could do this via the new_geom_type field? If so, perhaps we rename this to primary_geom_type in future, and only allow mapping of a specific geometry type per project (additional datasets can be added in different geom type though)

[spwoodcock]

Fixed the issue above. Also made it so the project type is set automatically, based on he predominant geometry type uploaded.

But I have a feeling center of the icon is where the actual point is located, when we need an offset to make it the bottom of the pin 😅