🎨 style(chatMessage/index.tsx): add responsive max-width to the markdown container to improve readability on smaller screens

src/frontend/src/modals/formModal/chatMessage/index.tsx

@@ -79,7 +79,7 @@ export default function ChatMessage({
                     remarkPlugins={[remarkGfm, remarkMath]}
                     rehypePlugins={[rehypeMathjax]}
                     className="markdown prose inline-block break-words text-primary
-                     dark:prose-invert"
+                     dark:prose-invert sm:max-w-[30vw] lg:max-w-[40vw]"
                     components={{
                       code({ node, inline, className, children, ...props }) {
                         if (children.length) {