sw: catch Duplicate script ID 'inpage' error

- related to #15958

app/scripts/app-init.js

@@ -132,12 +132,27 @@ chrome.runtime.onMessage.addListener(() => {
  * MAIN world injection does not work properly via manifest
  * https://bugs.chromium.org/p/chromium/issues/detail?id=634381
  */
-chrome.scripting.registerContentScripts([
-  {
-    id: 'inpage',
-    matches: ['file://*/*', 'http://*/*', 'https://*/*'],
-    js: ['inpage.js'],
-    runAt: 'document_start',
-    world: 'MAIN',
-  },
-]);
+const registerInPageContentScript = async () => {
+  try {
+    await chrome.scripting.registerContentScripts([
+      {
+        id: 'inpage',
+        matches: ['file://*/*', 'http://*/*', 'https://*/*'],
+        js: ['inpage.js'],
+        runAt: 'document_start',
+        world: 'MAIN',
+      },
+    ]);
+  } catch (err) {
+    /**
+     * An error occurs when app-init is reloaded. Attempts to avoid the duplicate script error:
+     * 1. registeringContentScripts inside runtime.onInstalled - This cased a race condition in
+     *    which the provider might not be loaded in time.
+     * 2. await chrome.scripting.getRegisteredContentScripts() to check for an existing
+     *    inpage script before registering - The provider is not loaded on time.
+     */
+    console.warn(`Dropped attempt to register inpage content script. ${err}`);
+  }
+};
+
+registerInPageContentScript();