feat: 实现前端管理看板与移动端扫码视图组件

frontend/src/pages/ProfilePage.tsx

@@ -0,0 +1,35 @@
+/** 我的 — 个人中心 */
+export default function ProfilePage() {
+  return (
+    <div className="flex min-h-full flex-col px-4 pt-safe">
+      {/* 用户信息卡片 */}
+      <div className="mt-4 flex items-center gap-4 rounded-xl bg-white p-4 shadow-sm">
+        <div className="flex h-14 w-14 items-center justify-center rounded-full bg-blue-100 text-xl font-bold text-blue-600">
+          张
+        </div>
+        <div className="flex-1">
+          <h3 className="font-semibold text-gray-800">张三</h3>
+          <p className="text-sm text-gray-500">操作员</p>
+        </div>
+        <svg className="h-5 w-5 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+          <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 5l7 7-7 7" />
+        </svg>
+      </div>
+
+      {/* 菜单列表占位 */}
+      <div className="mt-6 space-y-1 rounded-xl bg-white shadow-sm">
+        {["工作统计", "设置", "帮助与反馈", "关于"].map((item) => (
+          <div
+            key={item}
+            className="flex items-center justify-between border-b border-gray-50 px-4 py-3 last:border-b-0"
+          >
+            <span className="text-sm text-gray-700">{item}</span>
+            <svg className="h-4 w-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 5l7 7-7 7" />
+            </svg>
+          </div>
+        ))}
+      </div>
+    </div>
+  );
+}