Phase 8: SSOT 리팩토링 + HotkeyRecordModal + Dashboard 재작성

- d3roPalette 11개 토큰 추가 (sidebar, chassis, inactive 등)
- DS 컴포넌트 6개 + 페이지 5개 매직넘버 → 팔레트 참조 (0개 잔여)
- HotkeyRecordModal 신규: 커스텀 핫키 녹화 모달
- SettingsModal 재작성: 음성 모드 3개(받아쓰기/Agent/원터치) + 핫키 변경
- DashboardPage 재작성: Hero + 통계 4카드 + CRT 서비스 상태 + 히스토리 날짜 그룹핑
- recording-tip 색상 수정: #1F5DF2(파란) → #f25b29(앰버)
- 설계 문서: phase-8.md, speakly-settings-ui.md

src/renderer/components/ds/CrtDisplay.tsx

@@ -3,6 +3,7 @@
 
 import { useRef, useEffect, useCallback } from 'react'
 import { Box } from '@mui/material'
+import { d3roPalette, d3roFontMono } from '../../theme'
 
 // ── WebGL 유틸 ─────────────────────────────────────────
 
@@ -218,7 +219,7 @@ export function CrtDisplay({
       sx={{
         position: 'relative',
         height,
-        bgcolor: '#1a1a1c',
+        bgcolor: d3roPalette.bg.crtBezel,
         borderRadius: '8px',
         boxShadow: 'inset 0 4px 12px rgba(0,0,0,0.9), inset 0 0 0 1px #000, 0 1px 1px rgba(255,255,255,0.1)',
         overflow: 'hidden',
@@ -230,7 +231,7 @@ export function CrtDisplay({
           position: 'absolute',
           inset: '2px',
           borderRadius: '6px',
-          bgcolor: '#050605',
+          bgcolor: d3roPalette.bg.crtGlass,
           overflow: 'hidden',
           boxShadow: 'inset 0 0 20px rgba(0,0,0,0.8)',
         }}
@@ -261,10 +262,10 @@ export function CrtDisplay({
           display: 'flex',
           flexDirection: 'column',
           justifyContent: 'space-between',
-          color: '#f25b29',
+          color: d3roPalette.accent.amber,
           textShadow: '0 0 6px rgba(242, 91, 41, 0.4)',
           pointerEvents: 'none',
-          fontFamily: 'ui-monospace, SFMono-Regular, Menlo, Consolas, monospace',
+          fontFamily: d3roFontMono,
         }}
       >
         {children}