added a btn to open the manage prompts tab

_locales/en/messages.json

@@ -164,6 +164,11 @@
     "description": ""
   },
 
+  "prefs_OptionText_btnManagePrompts": {
+    "message": "Manage your prompts",
+    "description": ""
+  },
+
   "prefsInfoTitle": {
     "message": "Important Information",
     "description": ""

_locales/it/messages.json

@@ -164,6 +164,11 @@
     "description": ""
   },
 
+  "prefs_OptionText_btnManagePrompts": {
+    "message": "Gestisci i tuoi prompts",
+    "description": ""
+  },
+
   "prefsInfoTitle": {
     "message": "Informazioni Importanti",
     "description": ""

options/mzta-options.html

@@ -71,6 +71,9 @@
         </td>
       </tr>
     </table>
+    <div id="btn_custom_prompts">
+        <button id="btnManagePrompts">__MSG_prefs_OptionText_btnManagePrompts__</button>
+    </div>
     <div id="miczDescription">
       <h1>__MSG_prefsInfoTitle__</h1>
       <p>__MSG_prefsInfoDesc_1__<br/>

options/mzta-options.js

@@ -93,4 +93,16 @@ document.addEventListener('DOMContentLoaded', () => {
   document.querySelectorAll(".option-input").forEach(element => {
     element.addEventListener("change", saveOptions);
   });
+  document.getElementById('btnManagePrompts').addEventListener('click', () => {
+    // check if the tab is already there
+    browser.tabs.query({url: browser.runtime.getURL('../customprompts/mzta-custom-prompts.html')}).then((tabs) => {
+      if (tabs.length > 0) {
+        // if the tab is already there, focus it
+        browser.tabs.update(tabs[0].id, {active: true});
+      } else {
+        // if the tab is not there, create it
+        browser.tabs.create({url: browser.runtime.getURL('../customprompts/mzta-custom-prompts.html')});
+      }
+    })
+  });
 }, { once: true });