feat: MessageItemコンポーネントの最大幅を3xlから6xlに変更し、メッセージ表示を改善

Author: nomhiro

frontend/src/components/MessageItem/MessageItem.tsx

@@ -5,7 +5,7 @@ import ReactMarkdown from 'react-markdown';
 const MessageItem = ({ message, isMan }: { message: string; isMan: boolean }) => {
   return isMan ? (
     <div className="flex mb-4 justify-end">
-      <div className="block max-w-3xl p-6 bg-white border border-gray-200 rounded-lg shadow hover:bg-gray-100 font-normal text-gray-700">
+      <div className="block max-w-6xl p-6 bg-white border border-gray-200 rounded-lg shadow hover:bg-gray-100 font-normal text-gray-700">
         <ReactMarkdown className="markdown">
           {message}
         </ReactMarkdown>
@@ -23,7 +23,7 @@ const MessageItem = ({ message, isMan }: { message: string; isMan: boolean }) =>
           <FaRobot />
         </div>
       </div>
-      <div className="block max-w-3xl p-6 bg-white border border-gray-200 rounded-lg shadow hover:bg-gray-100 font-normal text-gray-700">
+      <div className="block max-w-6xl p-6 bg-white border border-gray-200 rounded-lg shadow hover:bg-gray-100 font-normal text-gray-700">
         <ReactMarkdown className="markdown">
           {message}
         </ReactMarkdown>