feat(frontend): 管理端页面 — 任务全景树/创建产品/标签打印/认证守卫

App.tsx:
- AntApp + AuthProvider + ToastProvider 三层包裹
- /admin/login 独立登录页
- /admin/* 路由认证守卫

AdminLayout:
- 未登录→跳转登录; 顶部栏显示用户名+登出
- 侧边栏: 全局概览/产品管理/任务全景

CreateProductDialog (Ant Design 重写):
- MOM物料手风琴选择器 (Collapse+Table)
- 分组懒加载 + useRef缓存 + 防抖搜索
- HEX ID只读展示 + 序列号/订单号选填

AdminProductsPage:
- 打印预览弹窗 (Base64标签预览 + 份数选择)
- 打印机设置入口 → AdminPrintConfigPage

扫码组件对齐:
- ProductCard: material_name/spec_model/current_location
- TaskListCard: 递归 task_tree + 状态配色 + 返工/裂变标签
- QueryResult: task_tree 优先
- ScanPage: 宏观状态栏

frontend/src/pages/ScanPage.tsx

@@ -75,6 +75,18 @@ export default function ScanPage() {
         />
       </div>
 
+      {/* 宏观状态栏 */}
+      {product && (
+        <div className="mt-3 px-4">
+          <div className="flex items-center gap-2 rounded-lg bg-white px-4 py-2.5 shadow-sm">
+            <span className="text-xs text-gray-400">宏观状态</span>
+            <span className={`flex-1 text-sm font-bold ${product.overall_status ? "text-blue-600" : "text-red-500"}`}>
+              {product.overall_status || "未设定"}
+            </span>
+          </div>
+        </div>
+      )}
+
       {/* 查询结果 */}
       <div className="mt-3 px-4">
         <QueryResult loading={loading} error={error} product={product} />