Render line breaks in our markdown block

Author: mrubens

pnpm-lock.yaml

@@ -62,6 +62,7 @@
 		"react-virtuoso": "^4.7.13",
 		"rehype-highlight": "^7.0.0",
 		"rehype-katex": "^7.0.1",
+		"remark-breaks": "^4.0.0",
 		"remark-gfm": "^4.0.1",
 		"remark-math": "^6.0.0",
 		"remove-markdown": "^0.6.0",

webview-ui/package.json

@@ -5,6 +5,7 @@ import { visit } from "unist-util-visit"
 import rehypeKatex from "rehype-katex"
 import remarkMath from "remark-math"
 import remarkGfm from "remark-gfm"
+import remarkBreaks from "remark-breaks"
 
 import { vscode } from "@src/utils/vscode"
 
@@ -289,6 +290,7 @@ const MarkdownBlock = memo(({ markdown }: MarkdownBlockProps) => {
 				remarkPlugins={[
 					remarkGfm,
 					remarkMath,
+					remarkBreaks,
 					() => {
 						return (tree: any) => {
 							visit(tree, "code", (node: any) => {