Add syntax highlighting support to MessageBubble component with rehype-highlight and highlight.js

package.json

@@ -49,6 +49,7 @@
     "cmdk": "1.0.4",
     "date-fns": "^4.1.0",
     "embla-carousel-react": "^8.5.1",
+    "highlight.js": "^11.11.1",
     "idb": "^8.0.1",
     "input-otp": "^1.4.1",
     "lucide-react": "^0.469.0",
@@ -60,6 +61,7 @@
     "react-markdown": "^9.0.3",
     "react-resizable-panels": "^2.1.7",
     "recharts": "^2.15.0",
+    "rehype-highlight": "^7.0.2",
     "rehype-katex": "^7.0.1",
     "remark-math": "^6.0.0",
     "sakura.css": "^1.5.0",