更新依赖，优化认证流程；添加聊天框动画效果，优化消息处理逻辑

src/components/header/index.tsx

@@ -3,6 +3,7 @@
 import { ColorModeContext } from "@contexts/color-mode";
 import DarkModeOutlined from "@mui/icons-material/DarkModeOutlined";
 import LightModeOutlined from "@mui/icons-material/LightModeOutlined";
+import { IoChatbubbleEllipsesOutline } from "react-icons/io5";
 import Logout from "@mui/icons-material/Logout";
 import SwapHoriz from "@mui/icons-material/SwapHoriz";
 import ChatOutlined from "@mui/icons-material/ChatOutlined";
@@ -94,24 +95,24 @@ export const Header: React.FC<RefineThemedLayoutHeaderProps> = ({
             justifyContent="flex-end"
             alignItems="center"
           >
-            <IconButton
-              color="inherit"
-              onClick={() => setShowChatbox(true)}
-            >
-              <ChatOutlined />
-            </IconButton>
-
-            <IconButton
+            {/* <IconButton
               color="inherit"
               onClick={() => {
                 setMode();
               }}
             >
               {mode === "dark" ? <LightModeOutlined /> : <DarkModeOutlined />}
-            </IconButton>
+            </IconButton> */}
 
             {(user?.avatar || user?.name) && (
               <>
+                <IconButton
+                  color="inherit"
+                  onClick={() => setShowChatbox(true)}
+                  sx={{ mr: 1 }}
+                >
+                  <IoChatbubbleEllipsesOutline />
+                </IconButton>
                 <ButtonBase
                   onClick={handleMenuOpen}
                   sx={{