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 by reproducing the issue in the admin panel: open the Zone page, click “Add Zone,” and compare the initial map with the refreshed version. Trace the map initialization and render flow when the modal or page opens; done means zoom, drag, and draw tools work immediately without a browser refresh.

Written by the indexing model from the issue text.