fix: Refine sider visibility and inner padding logic in StyleProvider component

- Consolidated the logic for managing sider visibility and inner padding based on the current pathname, improving responsiveness to navigation changes.
- Ensured that the sider is hidden on specific paths and adjusted inner padding accordingly, enhancing the user interface experience on both mobile and desktop views.

web/src/components/HeaderBar.js

@@ -148,7 +148,7 @@ const HeaderBar = () => {
               logo: (
                 <>
                   {
-                    styleState.showSider ?
+                    !styleState.showSider ?
                       <Button icon={<IconMenu />} theme="light" aria-label="展开侧边栏" onClick={
                         () => styleDispatch({ type: 'SET_SIDER', payload: true })
                       } />:

web/src/context/Style/index.js

@@ -45,19 +45,18 @@ export const StyleProvider = ({ children }) => {
     updateIsMobile();
 
     const updateShowSider = () => {
+      // check pathname
+      const pathname = window.location.pathname;
+      if (pathname === '' || pathname === '/' || pathname.includes('/home') || pathname.includes('/chat')) {
+        dispatch({ type: 'SET_SIDER', payload: false });
+        dispatch({ type: 'SET_INNER_PADDING', payload: false });
+      } else {
+        dispatch({ type: 'SET_SIDER', payload: true });
+        dispatch({ type: 'SET_INNER_PADDING', payload: true });
+      }
+
       if (isMobile()) {
         dispatch({ type: 'SET_SIDER', payload: false });
-      } else {
-        // check pathname
-        const pathname = window.location.pathname;
-        console.log(pathname)
-        if (pathname === '' || pathname === '/' || pathname.includes('/home') || pathname.includes('/chat')) {
-          dispatch({ type: 'SET_SIDER', payload: false });
-          dispatch({ type: 'SET_INNER_PADDING', payload: false });
-        } else {
-          dispatch({ type: 'SET_SIDER', payload: true });
-          dispatch({ type: 'SET_INNER_PADDING', payload: true });
-        }
       }
     };
 

web/src/pages/Playground/Playground.js

@@ -328,8 +328,8 @@ const Playground = () => {
               autoComplete='new-password'
               optionList={groups.map((group) => ({
                 ...group,
-                label: styleState.isMobile && group.label.length > 18
-                  ? group.label.substring(0, 18) + '...'
+                label: styleState.isMobile && group.label.length > 16
+                  ? group.label.substring(0, 16) + '...'
                   : group.label,
               }))}
             />