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/InstrumentPanel.tsx

@@ -2,6 +2,7 @@
 // 시안 A: 메탈 섀시 컨테이너 — 노이즈 텍스처, 각인 텍스트, 물리적 존재감
 
 import { Box, Typography } from '@mui/material'
+import { d3roPalette, d3roFontMono } from '../../theme'
 
 interface InstrumentPanelProps {
   children: React.ReactNode
@@ -23,11 +24,11 @@ export function InstrumentPanel({
     <Box
       sx={{
         position: 'relative',
-        bgcolor: '#242528',
+        bgcolor: d3roPalette.bg.chassis,
         borderRadius: '24px',
         p: 3,
         boxShadow:
-          '0 60px 100px -20px rgba(0,0,0,0.8), 0 12px 0 #111112, 0 13px 4px rgba(0,0,0,0.5), inset 0 1px 1px rgba(255,255,255,0.15), inset 0 -1px 2px rgba(0,0,0,0.4)',
+          `0 60px 100px -20px rgba(0,0,0,0.8), 0 12px 0 ${d3roPalette.led.off}, 0 13px 4px rgba(0,0,0,0.5), inset 0 1px 1px rgba(255,255,255,0.15), inset 0 -1px 2px rgba(0,0,0,0.4)`,
         // 메탈 노이즈는 CSS로 시뮬레이션
         '&::before': {
           content: '""',
@@ -62,10 +63,10 @@ function Engraving({ children, sx }: { children: string; sx: Record<string, unkn
         position: 'absolute',
         fontSize: '9px',
         letterSpacing: '1.5px',
-        color: '#1a1a1c',
+        color: d3roPalette.text.engraving,
         textShadow: '0 1px 0 rgba(255,255,255,0.08)',
         fontWeight: 700,
-        fontFamily: 'ui-monospace, SFMono-Regular, Menlo, Consolas, monospace',
+        fontFamily: d3roFontMono,
         zIndex: 2,
         userSelect: 'none',
         ...sx,