[style] Add custom cluster icons and adjust zoom on cluster clicks

[ethan-tam33]

What's new in this PR

Description

• used .addListener within clusterer object in AddMarkers.tsx to set the zoom value if the number of markers in the cluster are 2 (the only cases where the markers go beyond the screen when the cluster is clicked)
• minimized zooming effect on cluster click
• added the SVG of the custom cluster icons from Josh's Figma (but had to add a few lines since Figma hardcoded the "33" value for some reason)
• created a renderer object that adds the custom icon for each cluster
• changed marker and cluster icon size to be smaller

Screenshots

How to review

• review AddMarkers.tsx

Next steps

• better understand if it's possible to eliminate zooming animation on cluster click

Relevant links

Online sources

Related PRs

CC: @itsliterallymonique

[itsliterallymonique]

If you can change the SVG clustering width from pixes to rem (check my in-code comment) that would be amazing. If not -- go ahead and squash and merge!

[itsliterallymonique]

can you change these width and height from image to rem? I believe you can write it as like "3rem" and it should work.

[itsliterallymonique]

but if it's not possible, that's fine -- go ahead and squash and merge!