fix: reduce large margins between list items in answer rendering (#2058)

frontend/src/conversation/ConversationBubble.module.css

@@ -3,9 +3,9 @@
 }
 
 .list li:not(:first-child) {
-  margin-top: 1em;
+  margin-top: 0.5em;
 }
 
 .list li > .list {
-  margin-top: 1em;
+  margin-top: 0.5em;
 }

frontend/src/conversation/ConversationBubble.tsx

@@ -421,7 +421,7 @@ const ConversationBubble = forwardRef<
                       <Fragment key={index}>
                         {segment.type === 'text' ? (
                           <ReactMarkdown
-                            className="fade-in leading-normal break-words whitespace-pre-wrap"
+                            className="fade-in flex flex-col gap-3 leading-normal break-words whitespace-pre-wrap"
                             remarkPlugins={[remarkGfm, remarkMath]}
                             rehypePlugins={[rehypeKatex]}
                             components={{