feat(browser-extension): add extension update banner

packages/browser-extension/src/scripts/popup.js

@@ -116,9 +116,11 @@ async function handleContentLoaded() {
     reasonInputElement?.addEventListener('input', handleInputChange);
     reasonInputElement?.addEventListener('keydown', handleInputKeyDown);
 
-    const reportButtonElement = document.getElementById('report-button');
+    if (!state.updateAvailable) {
-    reportButtonElement?.addEventListener('click', handleReportClick);
+      const reportButtonElement = document.getElementById('report-button');
-    reportButtonElement?.removeAttribute('disabled');
+      reportButtonElement?.addEventListener('click', handleReportClick);
+      reportButtonElement?.removeAttribute('disabled');
+    }
 
     const urlInputElement = document.getElementById('report-input-url');
     urlInputElement?.addEventListener('input', handleInputChange);

packages/browser-extension/src/styles/popup.css

@@ -107,7 +107,7 @@ main > .banner {
   }
 
   & #issue-banner-url,
-  #update-banner-url {
+  & #update-banner-url {
     color: inherit;
     display: inline-block;
     vertical-align: middle;