introduce debounce on output updates + linked box

codeeditor-app/elements/output-frame/output-frame.less

@@ -2,6 +2,7 @@ output-frame {
     width: 100%;
     height: 100%;
     display: block;
+    background-color: #f0f0f0;
 }
 
 output-frame > iframe {
@@ -9,4 +10,12 @@ output-frame > iframe {
     width: 100%;
     height: 100%;
     border: none;
+}
+
+
+
+@media (prefers-color-scheme: dark) {
+    output-frame {
+        background-color: #272727;
+    }
 }

codeeditor-app/elements/output-frame/output-frame.ts

@@ -1,6 +1,5 @@
 import { BaseElement } from "../../../shared/_base";
 import './output-frame.less';
-import { NotificationBubbles } from "../notification-bubbles/notification-bubbles";
 import { GetOutputFrameUrl } from "../../../shared/url-helpers";
 import { GetNotificationBubbles } from "../../../shared/getdom";
 import { postMessage } from "../../../shared/post-message";