Improve output wrapping, fix typo in editor themes

ui/code-editor/themes/dark.json

@@ -97,7 +97,7 @@
     },
     {
       "foreground": "#2EE6D6",
-      "token": "turqoise"
+      "token": "turquoise"
     },
     {
       "foreground": "#62D96B",

ui/code-editor/themes/light.json

@@ -116,7 +116,7 @@
     },
     {
       "foreground": "#00B3A4",
-      "token": "turqoise"
+      "token": "turquoise"
     },
     {
       "foreground": "#29A634",

ui/output-viewer.tsx

@@ -43,7 +43,11 @@ const OutputViewerComponent = (_: {}, ref: React.Ref<OutputViewerRef>) => {
 
   return (
     <div style={{ padding: 10, fontSize: 16 }}>
-      <Text style={{ fontFamily: "monospace" }}>{value}</Text>
+      <pre
+        style={{ margin: 0, whiteSpace: "pre-wrap", wordWrap: "break-word" }}
+      >
+        {value}
+      </pre>
       {value && <div style={{ height: 10 }} />}
       <Text style={{ fontFamily: "monospace", color: Colors.RED3 }}>
         {error}