feat: add syntax highlighting for more languages

app/components/markdown.tsx

@@ -7,6 +7,7 @@ import RemarkGfm from "remark-gfm";
 import RehypeHighlight from "rehype-highlight";
 import { useRef, useState, RefObject, useEffect, useMemo } from "react";
 import { copyToClipboard, useWindowSize } from "../utils";
+import "lowlight/lib/all";
 import mermaid from "mermaid";
 import Locale from "../locales";
 import LoadingIcon from "../icons/three-dots.svg";

package.json

@@ -31,6 +31,7 @@
     "html-to-image": "^1.11.11",
     "idb-keyval": "^6.2.1",
     "lodash-es": "^4.17.21",
+    "lowlight": "^2.0.0",
     "mermaid": "^10.6.1",
     "markdown-to-txt": "^2.0.1",
     "nanoid": "^5.0.3",