feat: 收集箱右侧区域布局优化——上下两段式，操作栏固定底部始终显示

src/web/features/inbox/components/MaterialContent.tsx

@@ -1,22 +1,14 @@
 import { Card, Descriptions, Tag, Typography } from "antd";
 
-import type { Material, MaterialStatus, MaterialType } from "../types";
+import type { Material, MaterialType } from "../types";
 
 import { formatRelativeTime } from "../../../shared/utils/time";
+import { STATUS_MAP } from "./constants";
 
 interface MaterialContentProps {
   material: Material;
 }
 
-const STATUS_MAP: Record<MaterialStatus, { color: string; label: string }> = {
-  approved: { color: "green", label: "已通过" },
-  discarded: { color: "red", label: "已放弃" },
-  failed: { color: "magenta", label: "失败" },
-  pending: { color: "gold", label: "待处理" },
-  processing: { color: "blue", label: "处理中" },
-  review: { color: "orange", label: "待审核" },
-};
-
 const MATERIAL_TYPE_LABELS: Record<MaterialType, string> = {
   general: "通用",
   meeting: "会议",
@@ -27,7 +19,7 @@ export function MaterialContent({ material }: MaterialContentProps) {
   const typeLabel = MATERIAL_TYPE_LABELS[material.materialType] ?? material.materialType;
 
   return (
-    <div className="app-inbox-content">
+    <>
       <Typography.Title level={4}>素材详情</Typography.Title>
       <Card>
         <Typography.Paragraph>{material.description}</Typography.Paragraph>
@@ -52,6 +44,6 @@ export function MaterialContent({ material }: MaterialContentProps) {
           <Descriptions.Item label="创建时间">{formatRelativeTime(material.createdAt)}</Descriptions.Item>
         </Descriptions>
       </Card>
-    </div>
+    </>
   );
 }