feat(agent-office): Blog + Realestate 에이전트 UI 추가

- AGENT_META/IDS에 blog/realestate 추가 (4 컬럼 대시보드)
- SpriteSheet: 블로그(노트북 액센트)/청약(서류가방 액센트) 픽셀 캐릭터
- office-map: 사무실 책상 4개로 확장, blog_desk/realestate_desk waypoint 추가
- AgentColumn/ChatPanel: 에이전트별 퀵 명령 버튼 (키워드 리서치, 매칭 리포트 등)
- CommandColumn: 타겟 선택지 4명, 빠른 명령 6개, 아이콘 맵핑
- DocumentPanel: 에이전트별 탭 4개

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

src/pages/agent-office/canvas/OfficeRenderer.js

@@ -22,7 +22,7 @@ export class OfficeRenderer {
     this._onCeoClick = null;
     this._ceoDocBadge = 0;
 
-    const agentIds = ['stock', 'music'];
+    const agentIds = ['stock', 'music', 'blog', 'realestate'];
     for (const id of agentIds) {
       this.agents[id] = new AgentSprite(id, mapData.waypoints);
     }