feat: update map pin clusters

[benfurber]

Description

Add a shadow effect to the map pin clusters which changes based on the size of the cluster

Mockup and design requirements

Clusters use the primary color of the instance (Project Kamp, Precious Plastic and Fixing fashion). The range of the size for the cluster shadow ranges from 2 (where the shadow is small) to 50 (where the shadow is bigger). Even if the number grows above 50, the shadow should not exceed the maximum spread, otherwise I imagine that on a low zoom level.

I have applied the following box-shadow properties (X: 0, Y: 0, blur: 2px, spread varies from 4px to 24px). The color is the main color with 50% opacity. The color of the pins should be configurable and can change if a future decision will be made for the color schemes of the map.

Build suggestion

The function to update is createClusterIcon and getClusterSizes in src/pages/Maps/Content/MapView/Sprites.tsx

[6pBit]

Hi first time here:) I like to try to solve this issue.

[benfurber]

Welcome @6pBit! Please shout when you have questions.

[benfurber]

Hey @6pBit - how are you getting on?

[6pBit]

Been a bit busy the last weeks, but im going to make time to work on it this weekend:)