fix: fronted loading

Author: JohannLai

frontend/src/app/dashboard/chat/[id]/page.tsx

@@ -264,6 +264,19 @@ export default function ChatPage({ params }: { params: { id: string } }) {
               </div>
             )
           )}
+          <div className="flex justify-start">
+            {isLoading &&
+              processedMessages[processedMessages.length - 1]?.role !=
+                "assistant" && (
+                <div className="max-w-[80%] rounded-lg px-4 py-2 bg-accent text-accent-foreground">
+                  <div className="flex items-center space-x-1">
+                    <div className="w-2 h-2 rounded-full bg-primary animate-bounce" />
+                    <div className="w-2 h-2 rounded-full bg-primary animate-bounce [animation-delay:0.2s]" />
+                    <div className="w-2 h-2 rounded-full bg-primary animate-bounce [animation-delay:0.4s]" />
+                  </div>
+                </div>
+              )}
+          </div>
           <div ref={messagesEndRef} />
         </div>
         <form