feat: add tooltip in hot corner button

Author: devvaannsh

src/LiveDevelopment/BrowserScripts/RemoteFunctions.js

@@ -3664,7 +3664,9 @@ function RemoteFunctions(config = {}) {
 
             const content = `
                 <div class="phoenix-hot-corner">
-                    <button class="hot-corner-btn">${icons.playButton}</button>
+                    <button class="hot-corner-btn" title="${strings.togglePreviewMode}">
+                        ${icons.playButton}
+                    </button>
                 </div>`;
 
             shadow.innerHTML = `<style>${cssStyles.hotCorner}</style>${content}`;

src/extensionsIntegrated/phoenix-pro/remote-constants.js

@@ -37,7 +37,8 @@ define(function (require, exports, module) {
         imageGallerySelectFromComputerTooltip: Strings.LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER_TOOLTIP,
         imageGalleryDialogOverlayMessage: Strings.LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE,
         toastNotEditable: Strings.LIVE_DEV_TOAST_NOT_EDITABLE,
-        toastCopyFirstTime: Strings.LIVE_DEV_COPY_TOAST_MESSAGE
+        toastCopyFirstTime: Strings.LIVE_DEV_COPY_TOAST_MESSAGE,
+        togglePreviewMode: Strings.LIVE_PREVIEW_MODE_TOGGLE_PREVIEW
     };
 
     LiveDevProtocol.addRemoteFunctionConstantsScript("strings",