feat(docs): show playground output as Prism-highlighted HTML code

Co-authored-by: Cursor <[email protected]>

docs/themes/navy/source/css/_partial/playground.styl

@@ -68,6 +68,28 @@
       overflow: hidden
       @media mq-mobile
         min-height: 240px
+    .output-preview
+      flex: 1 1 auto
+      min-height: 0
+      code-block-chrome()
+      overflow: auto
+      pre.highlight
+        margin: 0
+        min-height: 100%
+        padding: 16px
+        border: none
+        box-shadow: none
+        border-radius: 0
+        background: var(--highlight-background)
+        code
+          display: block
+          font-family: font-mono
+          font-size: 14px
+          line-height: 1.5
+          background: transparent
+          padding: 0
+          white-space: pre-wrap
+          word-break: break-word
     .ace_editor
       font-family: font-mono
       font-size: 14px