refactor: page layout

src/pages/dashboard/index.tsx

@@ -1,6 +1,6 @@
-import { PageContainer } from '@ant-design/pro-components';
 import { Spin } from 'antd';
 import { useState } from 'react';
+import PageBox from '../_components/page-box';
 import DashboardInner from './components/dahboard-inner';
 
 const Dashboard: React.FC = () => {
@@ -8,19 +8,11 @@ const Dashboard: React.FC = () => {
 
   return (
     <>
-      <PageContainer
-        ghost
-        extra={[]}
-        header={{
-          style: {
-            paddingInline: 'var(--layout-content-header-inlinepadding)'
-          }
-        }}
-      >
+      <PageBox>
         <Spin spinning={loading}>
           <DashboardInner setLoading={setLoading} />
         </Spin>
-      </PageContainer>
+      </PageBox>
     </>
   );
 };