Fix: When large models output data rapidly, the scrollbar cannot remain at the bottom. #12701 (#12702)

### What problem does this PR solve?



### Type of change

- [x] Bug Fix (non-breaking change which fixes an issue)

web/src/hooks/logic-hooks.ts

@@ -409,7 +409,7 @@ export const useScrollToBottom = (
       const container = containerRef.current;
       container.scrollTo({
         top: container.scrollHeight - container.clientHeight,
-        behavior: 'smooth',
+        behavior: 'auto',
       });
     }
   }, [containerRef]);

web/src/utils/authorization-util.ts

@@ -22,7 +22,7 @@ const storage = {
     localStorage.setItem(Token, value);
   },
   setUserInfo: (value: string | Record<string, unknown>) => {
-    let valueStr = typeof value !== 'string' ? JSON.stringify(value) : value;
+    const valueStr = typeof value !== 'string' ? JSON.stringify(value) : value;
     localStorage.setItem(UserInfo, valueStr);
   },
   setItems: (pairs: Record<string, string>) => {

web/src/wrappers/auth.tsx

@@ -2,7 +2,7 @@ import { useAuth } from '@/hooks/auth-hooks';
 import { redirectToLogin } from '@/utils/authorization-util';
 import { Outlet } from 'react-router';
 
-export default () => {
+export default function AuthWrapper() {
   const { isLogin } = useAuth();
   if (isLogin === true) {
     return <Outlet />;
@@ -11,4 +11,4 @@ export default () => {
   }
 
   return <></>;
-};
+}