feat: 将 AppFooter 集成到 MainLayout

src/layouts/MainLayout.js

@@ -5,6 +5,7 @@ import { Outlet } from "react-router-dom";
 import { Box } from '@chakra-ui/react';
 import HomeNavbar from "../components/Navbars/HomeNavbar";
 import PageLoader from "../components/Loading/PageLoader";
+import AppFooter from "./AppFooter";
 
 /**
  * MainLayout - 带导航栏的主布局
@@ -15,17 +16,20 @@ import PageLoader from "../components/Loading/PageLoader";
  */
 export default function MainLayout() {
     return (
-        <Box minH="100vh">
+        <Box minH="100vh" display="flex" flexDirection="column">
             {/* 导航栏 - 在所有页面间共享，不会重新渲染 */}
             <HomeNavbar />
 
             {/* 页面内容区域 - 通过 Outlet 渲染当前路由对应的组件 */}
             {/* Suspense 只包裹内容区域，导航栏保持可见 */}
-            <Box>
+            <Box flex="1">
                 <Suspense fallback={<PageLoader message="页面加载中..." />}>
                     <Outlet />
                 </Suspense>
             </Box>
+
+            {/* 页脚 - 在所有页面间共享 */}
+            <AppFooter />
         </Box>
     );
 }