[SD-490] Added hover state to pin clusters on maps

[jeffdowdle]

Issue: https://digital-vic.atlassian.net/browse/SD-490

Screen.Recording.2024-12-06.at.10.15.02.am.mov

What I did

• Refactored the cluster style code to a single function because the text styles and circle are linked, this allows reliable reuse for the hover state too
• Added a subtle hover state to the pin clusters

How to test

Checklist

For all PR's

• I've added relevant changes to the project Readme if needed
• I've updated the documentation site as needed
• I have added tests to cover my changes (if not applicable, please state why in a comment)

For new UI components only

• I have added a storybook story covering all variants
• I have checked a11y tab in storybook passes
• I have added cypress component tests (if the component is interactive)
• Any events are emitted on the event bus using emitRplEvent

[netlify]

✅ Deploy Preview for ripple-docs canceled.

Name	Link
🔨 Latest commit	6ab9ec1
🔍 Latest deploy log	https://app.netlify.com/sites/ripple-docs/deploys/67523461c41cc50008045d69

[cypress]

ripple-framework    Run #2446

Run Properties:   Passed #2446  •  07f6da0fdb: Merge branch 'release/2.22.0' into feature/SD-490-cluster-hover

Project	ripple-framework
Branch Review	feature/SD-490-cluster-hover
Run status	Passed #2446
Run duration	10m 14s
Commit	07f6da0fdb: Merge branch 'release/2.22.0' into feature/SD-490-cluster-hover
Committer	Jeffrey Dowdle
View all properties for this run ↗︎

---

Test results
Failures	0
Flaky	0
Pending	0
Skipped	0
Passing	214
View all changes introduced in this branch ↗︎