feat: add marker styling for selected pin

[benfurber]

What is the new behavior?

Add basic styling for a selected map pin. Could be enhanced in the future, but even getting it to this point was a suprising amount of work with a lot of trial and error.

Screen.Recording.2026-07-07.at.15.08.50.mov

Does this PR introduce a DB Schema Change or Migration?

• Yes
• No

Git Issues

Closes #3854 #3854

[cypress]

onearmy-community-platform    Run #9779

Run Properties:   Failed #9779  •  e751119402: feat: add marker styling for selected pin

Project	onearmy-community-platform
Branch Review	feat/add-marker-selected-styling
Run status	Failed #9779
Run duration	03m 21s
Commit	e751119402: feat: add marker styling for selected pin
Committer	Ben Furber
View all properties for this run ↗︎

---

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

---

Tests for review

  research/write.spec.ts • 1 failed test • ci-electron

View Output Video

Test		Artifacts
[Research] > [Create research article] > [By Authenticated]		Test Replay Screenshots Video

  profile.spec.ts • 1 failed test • ci-electron

View Output Video

Test		Artifacts
[Profile] > [By Anonymous] > [Can view all public profile information]		Test Replay Screenshots Video

  library/write.spec.ts • 1 failed test • ci-electron

View Output Video

Test		Artifacts
[Library] > [Create a project] > [By Authenticated]		Test Replay Screenshots Video

  news/write.spec.ts • 1 failed test • ci-electron

View Output Video

Test		Artifacts
[News.Write] > Create and update		Test Replay Screenshots Video

  questions/discussions.spec.ts • 1 failed test • ci-electron

View Output Video

Test		Artifacts
[Questions.Discussions] > shows existing comments		Test Replay Screenshots Video

The first 5 failed specs are shown, see all 28 specs in Cypress Cloud.

[davehakkens]

why does your map card chop of the avatar?

[benfurber]

why does your map card chop of the avatar?

Unrelated to anything I've touched.

[davehakkens]

what data do you use?
Its a machine shop icon with a member profile layout. Is it special testing data?

[mariojsnunes]

I wonder if it's possible to do this without having to set the background color for the icon on the database. it will be annoying to maintain.

Edit: Doesn't seem to be possible.

@benfurber if it's not configured, it should behave same as before this PR.

[mariojsnunes]

Maybe we could just make the selected pin bigger or highlighted in some other way. To avoid the extra database configuration.

[benfurber]

Maybe we could just make the selected pin bigger or highlighted in some other way. To avoid the extra database configuration.

@davehakkens What do you think? Pro of this is that it's easier to maintain (e.g. it won't really need to be changed again). Con is I've done this work already(!)

[davehakkens]

How much work/hours went in it? @benfurber

[mariojsnunes]

I think the question should be:

1. design and implement another style that doesn't require the background color db setting
2. or maintain the setting for the foreseeable future

Having work done (although it would feel bad to throw away) is not that relevant and some of it can be reused.