Replace blocky region graphic with clean world map base and interactive anchors

[BioMark3r]

Motivation

• Replace the current low-quality/blocky world graphic with a cleaner, stylized world silhouette suitable for region selection and validator geography display.
• Keep the base map simple and dashboard-friendly while rendering interactive region dots in the UI layer.
• Ensure the solution is theme-aware and the base asset can be swapped later without touching interaction logic.

Description

• Added a lightweight static world map asset at dashboard/src/assets/world-map-clean.svg containing a muted continent silhouette.
• Added a reusable RegionWorldMap React component at dashboard/src/components/RegionWorldMap.tsx which renders the static asset and places interactive SVG region dots on top; the component supports selectedRegion, highlightedRegion, onRegionSelect, and showLocalAnchor props.
• Preserved and standardized anchors for required regions: us-east-1, us-west-2, eu-west-1, eu-central-1, ap-southeast-1, and local (local/unassigned).
• Added theme-aware styles in dashboard/src/styles/region-world-map.css that provide muted map treatment and dashboard-accented dots for both Light and Altius/Dark themes.

Testing

• No automated unit or integration tests were executed as part of this change; the edits are self-contained asset and component additions intended for integration into the dashboard build.
• Performed lightweight repository/file inspections to confirm the new files are present and readable.

---

Codex Task

[chatgpt-codex-connector]

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: 210154c67d

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

• Open a pull request for review
• Mark a draft as ready
• Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

[chatgpt-codex-connector]

Use a map-matching viewBox for the overlay

The interactive overlay is rendered with viewBox="0 0 100 100", but the base map asset is a wide 1000x460 canvas; with SVG’s default preserveAspectRatio="xMidYMid meet", the overlay content is fit into a centered square region rather than the full map area. This causes the region anchor dots/hit targets to be positioned incorrectly relative to the continents in normal dashboard layouts. Match the overlay viewBox to the map aspect ratio (or explicitly set preserveAspectRatio behavior) so click targets align with the map.

Useful? React with 👍 / 👎.