Migrate feature cards from MUI Popovers to OpenLayers Overlays

[duyminh1998]

Description

Feature cards are currently implemented using MUI Popovers, which blocks interaction with the map whenever a card is open. By migrating these cards to OpenLayers overlays, we can maintain a more seamless experience—allowing the user to continue interacting with the map while viewing or editing feature information.

Why

• Map Interactivity: MUI Popovers prevent click and drag events on the map, disrupting navigation and other interactions.
• Better Integration: OpenLayers overlays are designed to work natively with the map layer, providing smoother positioning and updates.
• Improved User Experience: Users can view the feature details and still click on or pan around the map, improving workflow and reducing friction.

Complexity (optional)

• We’ll need to refactor existing Popover logic to use the OpenLayers overlay API.
• Ensuring overlays follow the same styling and positioning rules as Popovers might require additional CSS or configuration.
• We may need to test different screen sizes and map zoom levels to confirm overlays behave consistently.

Definition of Done

• Feature cards are displayed as OpenLayers overlays instead of MUI Popovers.
• Users can interact with the map (zoom, pan, select other features) while a feature card is open.
• All existing functionality within the feature card remains intact (e.g., editing details).
• Basic cross-browser testing (or automated testing) confirms overlays are positioned and styled correctly.