style: add animal for chatbox placeholder

web/src/components/ChatBox/ChatBoxPlaceholder.tsx

@@ -6,16 +6,66 @@ export const ChatBoxPlaceholder: React.FC = React.memo(() => {
 
   return (
     <div className="px-2 w-2/3">
-      <Skeleton className="mb-2" avatar={true} paragraph={paragraph} />
+      <Skeleton
-      <Skeleton className="mb-2" avatar={true} paragraph={paragraph} />
+        className="mb-2"
-      <Skeleton className="mb-2" avatar={true} paragraph={paragraph} />
+        active={true}
-      <Skeleton className="mb-2" avatar={true} paragraph={paragraph} />
+        avatar={true}
-      <Skeleton className="mb-2" avatar={true} paragraph={paragraph} />
+        paragraph={paragraph}
-      <Skeleton className="mb-2" avatar={true} paragraph={paragraph} />
+      />
-      <Skeleton className="mb-2" avatar={true} paragraph={paragraph} />
+      <Skeleton
-      <Skeleton className="mb-2" avatar={true} paragraph={paragraph} />
+        className="mb-2"
-      <Skeleton className="mb-2" avatar={true} paragraph={paragraph} />
+        active={true}
-      <Skeleton className="mb-2" avatar={true} paragraph={paragraph} />
+        avatar={true}
+        paragraph={paragraph}
+      />
+      <Skeleton
+        className="mb-2"
+        active={true}
+        avatar={true}
+        paragraph={paragraph}
+      />
+      <Skeleton
+        className="mb-2"
+        active={true}
+        avatar={true}
+        paragraph={paragraph}
+      />
+      <Skeleton
+        className="mb-2"
+        active={true}
+        avatar={true}
+        paragraph={paragraph}
+      />
+      <Skeleton
+        className="mb-2"
+        active={true}
+        avatar={true}
+        paragraph={paragraph}
+      />
+      <Skeleton
+        className="mb-2"
+        active={true}
+        avatar={true}
+        paragraph={paragraph}
+      />
+      <Skeleton
+        className="mb-2"
+        active={true}
+        avatar={true}
+        paragraph={paragraph}
+      />
+      <Skeleton
+        className="mb-2"
+        active={true}
+        avatar={true}
+        paragraph={paragraph}
+      />
+      <Skeleton
+        className="mb-2"
+        active={true}
+        avatar={true}
+        paragraph={paragraph}
+      />
     </div>
   );
 });