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 admin panel's Zone page flow: open Add Zone and compare the initial map state with the state after a browser refresh. Inspect the map initialization around the modal or page opening; done means zoom, drag, and draw tools work immediately without refreshing.

Written by the indexing model from the issue text.