refactor(ui): 抽取公共整句字幕动画

[huyanxius]

Why

登录账号面板把整句字幕动画的渲染、样式和计时状态全部内聚在 feature 内，其他页面若需要复用同一种动画只能复制实现。需要先抽成边界清楚的共享 UI，同时保证现有登录和注册首步的视觉与时序不变。

Scope

• 将当前整句 KineticCopy 动画抽取到 frontend/src/shared/ui。
• 共享组件包含既有两行文案渲染、进入／停留／退出 phase 和对应 CSS。
• 通过 shared/ui barrel export 暴露组件与类型。
• account-panel 改为复用共享组件，并保留现有轮播消息、计时和减少动态效果行为。
• 为共享组件补充定向测试，并保留账号面板回归测试。

Out of Scope

• 不修改 Quick Start 文件。
• 不加入 loopStartIndex、消息替换、prefix、逐字动画等 Quick Start 专属能力。
• 不调整登录页文案、动画时长、轮播顺序、DOM 语义或视觉表现。
• 不抽取标题逐字动画。

Acceptance Criteria

• shared/ui 提供可复用的整句字幕动画组件、样式和公开导出。
• 组件按传入的两行文案与 entering、resting、exiting phase 渲染既有 DOM 与 class。
• account-panel 不再定义本地 KineticCopy，而是通过共享入口复用组件。
• 登录和注册首步的文案、轮播时序、退出行为及减少动态效果表现保持不变。
• shared component test、account-panel test、typecheck 和 diff-check 通过。