fix: remove JS errors when we detach a protected & mirrored section

Author: did

app/frontend/editor/components/section-pane/index.vue

@@ -97,6 +97,10 @@ export default {
         this.$refs.tabs.selectTab(this.findTabIndexFromRoute())
       },
     },
+    isMirroredSectionEditable(newValue, oldValue) {
+      if (newValue === false && oldValue === true)
+        this.$refs.tabs.selectTab(0)
+    }
   },
 }
 </script>

app/frontend/editor/store/getters.js

@@ -194,6 +194,7 @@ export default (services) => ({
     return !isBlank(section.mirrorOf)
   },
   isMirroredSectionEditable: ({ theme, section, page }, {}) => {
+    if (section.mirrorOf.enabled === false) return true
     return theme.mirrorSection === true || (theme.mirrorSection === 'protected' && section.mirrorOf?.pageId === page.id)
   }
 })