fix: popup tip position and change the text color

[fityannugroho]

PR Checklist

Please check if your PR fulfills the following requirements:

• I have read the documentation.
• I have read and followed the Contributing Guidelines.
• I have included a pull request description of my changes.
• I have included the necessary changes to the documentation.
• I have added tests to cover my changes.

PR Type

What kind of change does this PR introduce?

• Bug fix
• Feature
• Code style update (formatting, local variables)
• Refactoring (no functional changes, no api changes)
• Build related changes
• CI related changes

What is the current behavior?

The popup tip position is in center. See the picture below:

What is the new behavior?

This pull request includes updates to the PopupArea component in modules/MapDashboard/PopupArea.tsx to improve the styling consistency by replacing the text-gray-500 class with the text-muted-foreground class.

Styling updates:

• Updated the "Loading..." message inside BasePopupArea to use the text-muted-foreground class for consistent styling and added a mx-auto class for centering.
• Replaced the text-gray-500 class with text-muted-foreground for parent labels in the popup to align with the updated design language.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
idn-area-map	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	May 20, 2025 8:10am