Map Initially Loads as Static Image When Clicking "Add Zone" on Zone Page

Describe the bug
When clicking the "Add Zone" button on the Zone page in the admin panel, the map initially appears as a static image without any interactive functionality (e.g., zoom, drag, or draw tools). Only after refreshing the browser does the full interactive map with its features load properly.

To Reproduce
Steps to reproduce the behavior:

Log in to the admin panel

Navigate to the Zone page

Click on the "Add Zone" button

Observe that the map loads as a non-functional image

Refresh the browser

The map then reloads with full functionality

Expected behavior
The map should load in its fully interactive state immediately when the "Add Zone" modal/page is opened—without requiring a browser refresh.

Screenshots

Desktop (please complete the following information):

OS: Windows 11

Browser: Chrome

Version: [e.g., 123.0.6312.86]

Additional context
This issue can disrupt the workflow for users trying to define delivery or service zones and may be due to lazy-loading issues, uninitialized map scripts, or missing render triggers on modal/page open.

Start at the admin panel's Zone page and follow the Add Zone flow in Chrome to reproduce the static map before refresh. Trace the map's initialization when the Add Zone modal or page opens; done means the map immediately supports zoom, dragging, and drawing without a browser refresh.

Written by the indexing model from the issue text.