Send console message with healthy render

web/src/components/IdeConsole/IdeConsole.js

@@ -7,12 +7,12 @@ const IdeConsole = () => {
     <div className="p-8 border-2 m-2 overflow-y-auto">
       <div>
         {state.consoleMessages?.map(({ type, message }, index) => (
-          <div
+          <pre
             className={'font-mono ' + (type === 'error' ? 'text-red-500' : '')}
             key={message + index}
           >
-            -> {message}
-          </div>
+            {message}
+          </pre>
         ))}
       </div>
     </div>

web/src/components/IdeViewer/IdeViewer.js

@@ -124,8 +124,7 @@ const IdeViewer = () => {
   useEffect(() => {
     setImage(
       state.objectData?.type === 'png' &&
-        state.objectData?.data &&
-        window.URL.createObjectURL(state.objectData?.data)
+        'data:image/png;base64,' + state.objectData?.data
     )
     setIsDragging(false)
   }, [state.objectData])