refactor: 修复消息滚动问题与带头像消息的时间显示

web/src/components/ChatBox/ChatMessageList/Item.tsx

@@ -30,7 +30,14 @@ export const ChatMessageItem: React.FC<ChatMessageItemProps> = React.memo(
           )}
         </div>
         <div className="flex flex-col">
-          {showAvatar && <div className="font-bold">{userInfo.nickname}</div>}
+          {showAvatar && (
+            <div className="flex items-center">
+              <div className="font-bold">{userInfo.nickname}</div>
+              <div className="hidden group-hover:block opacity-40 ml-1 text-sm">
+                {formatShortTime(payload.createdAt)}
+              </div>
+            </div>
+          )}
 
           <div className="leading-6">{payload.content}</div>
         </div>

web/src/components/ChatBox/ChatMessageList/index.tsx

@@ -23,7 +23,7 @@ export const ChatMessageList: React.FC<ChatMessageListProps> = React.memo(
         }
 
         ref.current.scrollTo({
-          top: ref.current.clientHeight,
+          top: ref.current.scrollHeight,
           behavior: 'smooth',
         });
       });