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/AgentOffice.jsx

@@ -8,8 +8,12 @@ import './AgentOffice.css';
 const AGENT_META = {
   stock: { name: '주식 트레이더', color: '#4488cc' },
   music: { name: '음악 프로듀서', color: '#44aa88' },
+  blog: { name: '블로그 마케터', color: '#d97706' },
+  realestate: { name: '청약 애널리스트', color: '#c026d3' },
 };
 
+const AGENT_IDS = ['stock', 'music', 'blog', 'realestate'];
+
 export function Component() {
   const canvasContainerRef = useRef(null);
 
@@ -54,7 +58,7 @@ export function Component() {
       </div>
 
       <div className="ao-dashboard">
-        {['stock', 'music'].map(id => (
+        {AGENT_IDS.map(id => (
           <AgentColumn
             key={id}
             agentId={id}