Implement custom styling for select one from map question type

[latin-panda]

Description

Implement custom styling, including Point (marker-color, marker-symbol), Line (stroke, stroke-width), and Polygon (stroke, stroke-width, fill with fixed transparency), supporting valid long/short hex colors and non-Latin characters/emojis.

---

Checklist

• Does it need UI/UX design?
  • Yes. Describe the UI/UX requirements or attach a Figma link in the "Design" section.
  • No
• Does it need API design?
  • Yes. Specify the endpoints, methods, or data structures needed.
  • No
• Does it need design around state flow?
  • Yes. Outline the state flow requirements.
  • No
• Does it need a test plan?
  • Yes. Add the test plan as a comment in this task or attach the document.
    • Test plan to include:
      • Verify Point choices render with marker-color (e.g., #aaccee) and marker-symbol (e.g., A, 7, 🏥, 🟢).
      • Confirm Line choices render with stroke (e.g., #aaccee) and stroke-width (e.g., 5, 6.5).
      • Confirm Polygon choices render with stroke, stroke-width, and fill with fixed transparency.

---

User Stories

• As a map user,
  I want to customize the appearance of Points, Lines, and Polygons,
  so that I can visually distinguish different map features according to my preferences.

---

Design

• Figma: N/A
• Design Docs: N/A

---

Related Issues

• Add select one from map question type #305