Style any captions in the AI chat response

Author: mbertrand

src/components/AiChat/AiChat.tsx

@@ -174,6 +174,11 @@ const Message = styled.div(({ theme }) => ({
     borderRadius: "8px 0px 8px 8px",
     backgroundColor: theme.custom.colors.lightGray1,
   },
+  "span > a": {
+    verticalAlign: "super",
+    fontSize: ".83em",
+    textDecoration: "none",
+  },
 }))
 
 const StarterContainer = styled.div({

src/components/AiChat/Markdown.tsx

@@ -3,18 +3,19 @@ import ReactMarkdown from "react-markdown"
 import rehypeMathjax from "rehype-mathjax/browser"
 import remarkMath from "remark-math"
 import { MathJax } from "better-react-mathjax"
+import rehypeRaw from "rehype-raw"
 
 type MarkdownProps = {
   children?: string
   enableMathjax?: boolean
 }
 const Markdown: React.FC<MarkdownProps> = ({ children, enableMathjax }) => {
   const remarkPlugins = enableMathjax ? [remarkMath] : undefined
-  const rehypePlugins = enableMathjax ? [rehypeMathjax] : undefined
+  const rehypePlugins = enableMathjax ? [rehypeRaw, rehypeMathjax] : [rehypeRaw]
 
   const markdown = (
     <ReactMarkdown
-      skipHtml={true}
+      disallowedElements={["script", "applet", "iframe", "link"]}
       remarkPlugins={remarkPlugins}
       rehypePlugins={rehypePlugins}
     >