fix(ui): animate reading indicator dots

ui/src/styles/components.css

@@ -608,6 +608,7 @@
 }
 
 .chat-reading-indicator__dots > span {
+  display: inline-block;
   width: 6px;
   height: 6px;
   border-radius: 999px;
@@ -615,6 +616,7 @@
   opacity: 0.55;
   transform: translateY(0);
   animation: chatReadingDot 1.1s ease-in-out infinite;
+  will-change: transform, opacity;
 }
 
 .chat-reading-indicator__dots > span:nth-child(2) {
@@ -629,12 +631,12 @@
   0%,
   80%,
   100% {
-    opacity: 0.45;
-    transform: translateY(0);
+    opacity: 0.38;
+    transform: translateY(0) scale(0.92);
   }
   40% {
-    opacity: 0.95;
-    transform: translateY(-2px);
+    opacity: 1;
+    transform: translateY(-3px) scale(1.18);
   }
 }