refactor: 优化代码结构并修复类型问题

- 移除未使用的TabPane组件
- 修复类型定义和导入方式
- 优化mock数据源的环境变量判断逻辑
- 更新文档结构并归档旧文件
- 添加新的UI组件和Memo组件
- 调整API路径和响应处理

dashboard/src/pages/B2BTrade/ContractManage.tsx

@@ -42,7 +42,6 @@ import type { ColumnsType } from 'antd/es/table';
 import { b2bTradeDataSource, Contract } from '@/services/b2bTradeDataSource';
 
 const { Option } = Select;
-const { TabPane } = Tabs;
 const { RangePicker } = DatePicker;
 const { TextArea } = Input;
 
@@ -481,12 +480,15 @@ export const ContractManage: React.FC = () => {
           </Button>
         }
       >
-        <Tabs defaultActiveKey="all">
-          <TabPane tab="All Contracts" key="all" />
-          <TabPane tab="Active" key="active" />
-          <TabPane tab="Pending Signature" key="pending" />
-          <TabPane tab="Expired" key="expired" />
-        </Tabs>
+        <Tabs 
+          defaultActiveKey="all"
+          items={[
+            { key: 'all', label: 'All Contracts' },
+            { key: 'active', label: 'Active' },
+            { key: 'pending', label: 'Pending Signature' },
+            { key: 'expired', label: 'Expired' },
+          ]}
+        />
 
         <Table
           columns={columns}