Koenig - Add click overlay to embed card

refs https://github.com/TryGhost/Ghost/issues/9311
- adds an overlay element to the embed card so that clicks do not interact with any embedded iframes so that you can lazy click to enter edit mode

ghost/admin/app/styles/components/koenig.css

@@ -377,11 +377,11 @@
 .koenig-card {
     position: relative;
     display: flex;
+    width: calc(100% + 60px);
     border: 2px solid  color(var(--blue) alpha(-85%));
     flex-direction: row;
     border-radius: 4px;
     padding: 10px;
-    width: calc(100% + 60px);
     margin-left: -50px;
     max-width: none;
     cursor: default;
@@ -403,6 +403,16 @@
 
 .koenig-card-content {
     flex-grow: 1;
+    max-width: calc(100% - 40px);
+}
+
+.koenig-card-click-overlay {
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    z-index: 400;
 }
 
 /* specific cards... */

ghost/admin/lib/koenig-editor/addon/templates/components/koenig-card-html.hbs

@@ -13,5 +13,6 @@
         }}
     {{else}}
         {{{payload.html}}}
+        <div class="koenig-card-click-overlay"></div>
     {{/if}}
 {{/koenig-card}}