Frontend-backend state synchronization for UI components, specifically the QA panel's pinned state.

## 现象

QA 面板的固定（pinned）状态在特定场景下会出现前后端不一致的情况，导致用户点击图钉按钮需要多点一次才能生效。

## 复现步骤

1. 打开 QA 面板
2. 点击图钉固定面板（前端 pinned = true，后端 pinned = true）
3. 进行静默录音（不说话，直接结束录音）
4. 观察图钉状态

## 预期行为

图钉应该保持固定状态（pinned = true）。

## 实际行为

图钉状态被重置为未固定（前端 pinned = false），但后端仍然是 pinned = true，导致状态不一致。

## 技术分析

### 问题根源

`QaPanel.tsx:69-72` 中的逻辑：
```typescript
case 'idle':
if (payload.messages && payload.messages.length === 0) {
setPinned(false); // ← 问题在这里
}
break;
```

这个逻辑假设 `idle + messages.length === 0` 只在窗口重新打开时发生，但实际上：
- 静默录音（空转录）也会触发 `idle + messages.length === 0`
- 中途取消也会触发 `idle + messages.length === 0`

在这些场景下，前端错误地重置了 pinned 状态，但后端的 pinned 没有改变。

### 建议修复方案

后端在所有 `qa:state` 事件中带上 `pinned` 字段，前端直接同步后端的状态，而不是自己猜测何时重置。

**后端修改**（`coordinator.rs`）：
所有 `emit_to("qa", "qa:state")` 的地方都带上 `pinned` 字段。

**前端修改**（`QaPanel.tsx`）：
```typescript
if (payload.pinned !== undefined) {
setPinned(payload.pinned);
}
```

**类型定义**（`types.ts`）：
```typescript
export interface QaStatePayload {
// ... 其他字段
pinned?: boolean;
}
```

## 环境信息

- **平台**: Windows 和 macOS 均受影响
- **版本**: 基于 commit f87e598 (2026-05-04)
- **影响范围**: QA 面板状态管理

## 相关

- PR #237 曾尝试修复此问题但被关闭
- 这是一个实质性的行为回归问题

@appergb