css tweaks

app/components/ConversationFrontend.tsx

@@ -1,4 +1,7 @@
 import React, { ForwardedRef, useState, useEffect, useRef } from 'react';
+import Markdown from 'react-markdown'
+import rehypeRaw from 'rehype-raw';
+import remarkGfm from 'remark-gfm';
 
 type Message = {
   role: string
@@ -66,7 +69,9 @@ const ConversationFrontend = React.forwardRef<HTMLDivElement, ConversationProps>
                   key={index}
                   className={message.role === "user" ? 'user-message' : 'ai-message'}
                 >
-                  <p> {message.content}</p>
+                  <Markdown remarkPlugins={[remarkGfm]} rehypePlugins={[rehypeRaw]}>
+                    {message.content}
+                  </Markdown>
                 </div>
               );
             }