wrap with div to show multiple paragraphs

apps/app/src/features/openai/chat/components/AiChatModal/MessageCard.tsx

@@ -29,17 +29,18 @@ const AssistantMessageCard = ({ children }: { children: string }): JSX.Element =
         <div className="me-2 me-lg-3">
           <span className="growi-custom-icons grw-ai-icon rounded-pill">growi_ai</span>
         </div>
-
-        { children.length > 0
-          ? (
-            <ReactMarkdown>{children}</ReactMarkdown>
-          )
-          : (
-            <span className="text-thinking">
-              {t('modal_aichat.progress_label')} <span className="material-symbols-outlined">more_horiz</span>
-            </span>
-          )
-        }
+        <div>
+          { children.length > 0
+            ? (
+              <ReactMarkdown>{children}</ReactMarkdown>
+            )
+            : (
+              <span className="text-thinking">
+                {t('modal_aichat.progress_label')} <span className="material-symbols-outlined">more_horiz</span>
+              </span>
+            )
+          }
+        </div>
       </div>
     </div>
   );