Enhance auto-scroll functionality in ChatInterface to prevent initial scroll on mount

- Added a reference to track the initial mount state, preventing auto-scrolling on the first render.
- Updated the scrolling logic to only trigger after the initial mount when new messages are received, improving user experience during chat interactions.

Author: Dylan Huang

vite-app/src/components/ChatInterface.tsx

@@ -19,10 +19,18 @@ export const ChatInterface = ({ messages }: ChatInterfaceProps) => {
   const scrollContainerRef = useRef<HTMLDivElement>(null);
   const resizeHandleRef = useRef<HTMLDivElement>(null);
   const heightResizeHandleRef = useRef<HTMLDivElement>(null);
+  const isInitialMountRef = useRef(true);
 
   // Auto-scroll to bottom when new messages come in
   useEffect(() => {
-    if (scrollContainerRef.current) {
+    // Skip scrolling on initial mount
+    if (isInitialMountRef.current) {
+      isInitialMountRef.current = false;
+      return;
+    }
+
+    // Scroll to bottom when messages change (after initial mount)
+    if (messages.length > 0 && scrollContainerRef.current) {
       scrollContainerRef.current.scrollTo({
         top: scrollContainerRef.current.scrollHeight,
         behavior: "smooth",