fix(MainLayout): 调整页脚位置到滚动区域内

- 将 AppFooter 移动到内容滚动区域内
- 页脚随内容滚动，不再固定在底部
- 适配全局侧边栏布局

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

src/layouts/MainLayout.js

@@ -39,21 +39,22 @@ export default function MainLayout() {
             {/* 主体区域 - 左侧页面内容 + 右侧全局侧边栏 */}
             <Flex flex="1" pt="60px" bg="#1A202C" overflow="hidden">
                 {/* 页面内容区域 - flex: 1 占据剩余空间，包含错误边界、懒加载 */}
-                <Box flex="1" minW={0} overflowY="auto">
+                <Box flex="1" minW={0} overflowY="auto" display="flex" flexDirection="column">
-                    <ErrorBoundary>
+                    <Box flex="1">
-                        <Suspense fallback={<PageLoader message="页面加载中..." />}>
+                        <ErrorBoundary>
-                            <Outlet />
+                            <Suspense fallback={<PageLoader message="页面加载中..." />}>
-                        </Suspense>
+                                <Outlet />
-                    </ErrorBoundary>
+                            </Suspense>
+                        </ErrorBoundary>
+                    </Box>
+                    {/* 页脚 - 在滚动区域内，随内容滚动 */}
+                    <MemoizedAppFooter />
                 </Box>
 
                 {/* 全局右侧工具栏 - 可收起/展开 */}
                 <GlobalSidebar />
             </Flex>
 
-            {/* 页脚 - 在所有页面间共享，memo 后不会在路由切换时重新渲染 */}
-            <MemoizedAppFooter />
-
             {/* 返回顶部按钮 - 滚动超过阈值时显示 */}
             {/* <BackToTopButton
                 scrollThreshold={BACK_TO_TOP_CONFIG.scrollThreshold}