Add RTL support

web/src/app/chat/message/messageComponents/markdownUtils.tsx

@@ -97,15 +97,17 @@ export const renderMarkdown = (
   textSize: string = "text-base"
 ): JSX.Element => {
   return (
-    <ReactMarkdown
-      className={`prose dark:prose-invert max-w-full ${textSize}`}
-      components={markdownComponents}
-      remarkPlugins={[remarkGfm, [remarkMath, { singleDollarTextMath: false }]]}
-      rehypePlugins={[[rehypePrism, { ignoreMissing: true }], rehypeKatex]}
-      urlTransform={transformLinkUri}
-    >
-      {content}
-    </ReactMarkdown>
+    <div dir="auto">
+      <ReactMarkdown
+        className={`prose dark:prose-invert max-w-full ${textSize}`}
+        components={markdownComponents}
+        remarkPlugins={[remarkGfm, [remarkMath, { singleDollarTextMath: false }]]}
+        rehypePlugins={[[rehypePrism, { ignoreMissing: true }], rehypeKatex]}
+        urlTransform={transformLinkUri}
+      >
+        {content}
+      </ReactMarkdown>
+    </div>
   );
 };