feat: 开发移动端交互界面（项目与用户管理）

[zylzyqzz]

Motivation

• 将之前静态演示页补齐为可操作的移动端交互版以回应“需要可操作交互而非仅展示”的反馈。
• 集中把“项目流转 / 新建 / 搜索 + 分类”与“联系卡 / 置顶卡 / 会员 / 用户审核”从静态展示变为可在客户端演示的业务交互场景。

Description

• 用全新的交互实现替换了原有 App.tsx，增加类型定义、初始数据与状态管理，主要维护 projects、contacts、topCards、users、messages、notice 与 showCreate 等状态。
• 实现项目相关交互：搜索/分类筛选（filteredProjects）、底部弹层新建项目表单（showCreate + createProject）、以及项目状态推进（advanceProjectStage）。
• 实现用户管理交互：联系卡的交换状态切换（toggleExchange）、置顶卡续费（renewTopCard）、会员升级（upgradeMembership）和用户审核/冻结（auditUser / freezeUser）。
• 增加全局轻提示 publishNotice 用于操作反馈，并同步更新 README.md 说明为“移动端交互版 MVP”。

Testing

• 已执行构建验证，npm run build 成功且输出到 dist/（构建通过）。
• 已启动开发服务器验证，npm run dev -- --host 0.0.0.0 --port 4173 成功并可访问本地/网络地址（启动通过）。
• 运行 Playwright 移动端脚本完成端到端交互验证（新建项目并切换到用户管理），脚本运行成功并生成交互截图作为验证结果。

---

Codex Task

[chatgpt-codex-connector]

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: 789eb08285

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

• Open a pull request for review
• Mark a draft as ready
• Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

[chatgpt-codex-connector]

Cancel stale notice timers before showing a new toast

publishNotice schedules a new setTimeout every time without clearing the previous one, so if users trigger two actions within 1.6s (e.g., create project, then advance status), the first timer will clear the second message early and the latest feedback can disappear almost immediately. This makes operation feedback unreliable; store the timeout id and clearTimeout it before starting a new timer.

Useful? React with 👍 / 👎.