DEVT-50 added markdown and removed refrences

Author: Benjamin

app/classroom/[classroomId]/chat/MessageBox.tsx

@@ -7,6 +7,7 @@ import {
   sendMessage,
 } from "@/app/lib/ragflow/chat/chat-client";
 import { toast } from "@/hooks/use-toast";
+import ReactMarkdown from "react-markdown";
 
 function MessageBox(props: {
   chatClient: ChatClientWithSession;
@@ -66,7 +67,7 @@ function MessageBox(props: {
             }`}
           >
             <p className="font-medium text-gray-800">
-              {cleanMessage(aMessage.content)}
+              <ReactMarkdown>{cleanMessage(aMessage.content)}</ReactMarkdown>
             </p>
           </div>
         ))}

package.json

@@ -37,6 +37,7 @@
     "next-themes": "^0.4.6",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
+    "react-markdown": "^10.1.0",
     "tailwind-merge": "^3.0.2",
     "tailwindcss-animate": "^1.0.7"
   },