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/components/AgentColumn.jsx

@@ -20,6 +20,14 @@ const AGENT_COMMANDS = {
     { action: 'compose', label: '작곡 시작', icon: '🎵', needsInput: true },
     { action: 'credits', label: '크레딧', icon: '💳' },
   ],
+  blog: [
+    { action: 'research', label: '키워드 리서치', icon: '🔍', needsInput: true },
+    { action: 'list_trend_keywords', label: '트렌드 목록', icon: '📋' },
+  ],
+  realestate: [
+    { action: 'fetch_matches', label: '매칭 리포트', icon: '🏢' },
+    { action: 'dashboard', label: '대시보드', icon: '📊' },
+  ],
 };
 
 const AgentColumn = ({ agentId, meta, agentState, notification, onCommand, onApproval, onClearNotification }) => {
@@ -73,7 +81,10 @@ const AgentColumn = ({ agentId, meta, agentState, notification, onCommand, onApp
 
   const handleSend = () => {
     if (!input.trim() || !activeCommand) return;
-    onCommand(agentId, activeCommand, activeCommand === 'compose' ? { prompt: input } : { message: input });
+    const params = activeCommand === 'compose' ? { prompt: input }
+      : activeCommand === 'research' ? { keyword: input }
+      : { message: input };
+    onCommand(agentId, activeCommand, params);
     setInput('');
     setActiveCommand(null);
   };