fix(FR-820): compact sidebar doesn't work when refreshing.

Author: agatha197

react/src/components/MainLayout/MainLayout.tsx

@@ -162,8 +162,8 @@ function MainLayout() {
               !compactSidebarActive && setSideCollapsed(false);
             }
           }}
-          onCollapse={(collapsed) => {
-            setSideCollapsed(collapsed);
+          onRequestCollapse={() => {
+            setSideCollapsed((v) => !v);
           }}
           webuiplugins={webUIPlugins}
         />

react/src/components/MainLayout/WebUISider.tsx

@@ -58,7 +58,7 @@ type MenuItem = {
 interface WebUISiderProps
   extends Pick<BAISiderProps, 'collapsed' | 'collapsedWidth' | 'onBreakpoint'> {
   webuiplugins?: WebUIPluginType;
-  onCollapse?: (collapsed: boolean) => void;
+  onRequestCollapse?: (collapsed: boolean) => void;
 }
 
 type GroupName =
@@ -441,9 +441,8 @@ const WebUISider: React.FC<WebUISiderProps> = (props) => {
       <SiderToggleButton
         collapsed={props.collapsed}
         buttonTop={68}
-        // buttonTop={18}
         onClick={(collapsed) => {
-          props.onCollapse?.(collapsed);
+          props.onRequestCollapse?.(collapsed);
         }}
         hidden={!gridBreakpoint.sm || !isSiderHover}
       />