refactor: Remove animations from Messages and Tool call UI

app/page.tsx

@@ -386,21 +386,9 @@ export default function Home() {
           )}
         </AnimatePresence>
 
-        <AnimatePresence>
-          <motion.div
-            initial={{ opacity: 0, y: 20 }}
-            animate={{ opacity: 1, y: 0 }}
-            exit={{ opacity: 0, y: -20 }}
-            transition={{ duration: 0.5, delay: 0.1 }}
-            className="space-y-4 sm:space-y-6"
-          >
+        <div className="space-y-4 sm:space-y-6">
           {messages.map((message, index) => (
-              <motion.div
-                key={index}
-                initial={{ opacity: 0, y: 20 }}
-                animate={{ opacity: 1, y: 0 }}
-                transition={{ duration: 0.5, delay: index * 0.1 }}
-              >
+            <div key={index}>
               {message.role === 'assistant' && message.content && (
                 <Card className="bg-card text-card-foreground border border-muted !mb-8 sm:!mb-16">
                   <CardContent className="p-3 sm:p-4">
@@ -416,11 +404,10 @@ export default function Home() {
                   {renderToolInvocation(toolInvocation, toolIndex)}
                 </div>
               ))}
-              </motion.div>
+            </div>
           ))}
           <div ref={bottomRef} />
-          </motion.div>
-        </AnimatePresence>
+        </div>
       </div>
 
       <AnimatePresence>