Clean up the themed controls when unmounted

[hanbyul-here]

Description of Changes

Clean up ref when themed controls are unmounted

Notes & Questions About Changes

I kept seeing an error that 'cannot update unmounted root' from dev environment of Next instance. I think it is because our themed control doesn't clean up its ref when unmounted. (It happens when I revisit the page while navigating - does not happen on the first landing.)

But I do have some questions 🤔

• It doesn't happen on production env: https://veda-ui-next-test.netlify.app/stories/lahina-fire
• It happens only on the first map element of the page. Why would that be?

[netlify]

✅ Deploy Preview for veda-ui ready!

Name	Link
🔨 Latest commit	aca6f92
🔍 Latest deploy log	https://app.netlify.com/sites/veda-ui/deploys/66f4181b1414c20008cedf1e
😎 Deploy Preview	https://deploy-preview-1172--veda-ui.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[hanbyul-here]

Oh interesting, this change breaks custom controls on E&A pages, with an error that Attempted to synchronously unmount a root while React was already rendering. React cannot finish unmounting the root until the current render has completed, which may lead to a race condition. @dzole0311 just in case this is related to the ticket you assigned yourself (#1155