feat: update chat display and fix issue with regeneration

components/chat-list.tsx

@@ -4,6 +4,7 @@ import { type Message } from 'ai-connector'
 
 import { ChatMessage } from '@/components/chat-message'
 import { EmptyScreen } from '@/components/empty-screen'
+import { Separator } from '@/components/ui/separator'
 
 export interface ChatList {
   messages: Message[]
@@ -11,15 +12,16 @@ export interface ChatList {
 
 export function ChatList({ messages }: ChatList) {
   return (
-    <div className="relative max-w-2xl mx-auto">
+    <div className="relative max-w-2xl px-4 mx-auto">
       {messages.length > 0 ? (
-        messages.map(message => (
-          <ChatMessage key={message.id || message.content} message={message} />
+        messages.map((message, index) => (
+          <div key={index}>
+            <ChatMessage message={message} />
+            {index < messages.length - 1 && <Separator className="my-8" />}
+          </div>
         ))
       ) : (
-        <div className="pt-10">
-          <EmptyScreen />
-        </div>
+        <EmptyScreen />
       )}
     </div>
   )