feat: initFlag에 따라 최초 스크롤 진행

Author: dia-triple

packages/tds-widget/src/chat/chat/chat-room-messages/use-chat-room-messages.ts

@@ -1,4 +1,4 @@
-import { useCallback, useEffect, useRef } from 'react'
+import { useCallback, useEffect, useRef, useState } from 'react'
 import DOMPurify from 'dompurify'
 
 import {
@@ -57,6 +57,8 @@ export function useChatMessages<T = UserType>(
   const firstRenderForPrevScrollRef = useRef(true)
   const isWelcomeMessagePendingRef = useRef(false)
 
+  const [initComplete, setInitComplete] = useState(false)
+
   const {
     messages,
     pendingMessages,
@@ -82,10 +84,17 @@ export function useChatMessages<T = UserType>(
         isWelcomeMessagePendingRef.current = true
       }
 
-      setScrollY(0)
+      setInitComplete(true)
     })()
   }, []) // eslint-disable-line react-hooks/exhaustive-deps
 
+  useEffect(() => {
+    if (initComplete) {
+      setScrollY(0)
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [initComplete])
+
   async function handleSendMessageAction({
     roomId,
     payload,