feat(CodeBlock): support matplotlib in code execution (#8069)

* feat(CodeBlock): support matplotlib in code execution

* refactor: update output style and docs

* refactor: use ImageViewer

* refactor: manage service config, increase timeout and retry count

* refactor: improve worker message logging

* chore: upgrade pyodide to 0.28.0

* docs: fix typos

src/renderer/src/components/CodeBlockView/StatusBar.tsx

@@ -1,20 +1,21 @@
-import { FC, memo } from 'react'
+import { Flex } from 'antd'
+import { FC, memo, ReactNode } from 'react'
 import styled from 'styled-components'
 
 interface Props {
-  children: string
+  children: string | ReactNode
 }
 
 const StatusBar: FC<Props> = ({ children }) => {
   return <Container>{children}</Container>
 }
 
-const Container = styled.div`
-  margin: 10px;
+const Container = styled(Flex)`
+  background-color: var(--color-background-mute);
+  padding: 12px;
   display: flex;
-  flex-direction: row;
+  flex-direction: column;
   gap: 8px;
-  padding-bottom: 10px;
   overflow-y: auto;
   text-wrap: wrap;
 `