fix: boxes not getting destroyed when a new element is clicked

Author: devvaannsh

src/extensionsIntegrated/phoenix-pro/browser-context/info-box.js

@@ -129,6 +129,7 @@ function createInfoBox(element) {
 }
 
 function handleElementSelected(element) {
+    dismissInfoBox();
     createInfoBox(element);
 }
 

src/extensionsIntegrated/phoenix-pro/browser-context/more-options-dropdown.js

@@ -201,6 +201,7 @@ function dismissMoreOptionsDropdown() {
 }
 
 function createMoreOptionsDropdown(targetElement, ellipsisButton) {
+    dismissMoreOptionsDropdown();
     SHARED_STATE._moreOptionsDropdown = new MoreOptionsDropdown(targetElement, ellipsisButton);
 }
 

src/extensionsIntegrated/phoenix-pro/browser-context/tool-box.js

@@ -156,6 +156,7 @@ function createToolBox(element) {
 }
 
 function handleElementSelected(element) {
+    dismissToolBox();
     // as we show toolbox only for editable elements
     if (LivePreviewView.isElementEditable(element)) {
         createToolBox(element);