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

@@ -2,6 +2,7 @@
 // 시안 A: 물리 버튼 — 돌출 그림자, 눌림 피드백, 선택 상태
 
 import { Button, type ButtonProps } from '@mui/material'
+import { d3roPalette, d3roFontMono } from '../../theme'
 
 interface PhysicalButtonProps extends Omit<ButtonProps, 'variant'> {
   selected?: boolean
@@ -13,11 +14,11 @@ export function PhysicalButton({ selected = false, sx, ...props }: PhysicalButto
       {...props}
       sx={{
         height: 44,
-        bgcolor: selected ? '#1a1a1c' : '#242528',
+        bgcolor: selected ? d3roPalette.bg.crtBezel : d3roPalette.bg.chassis,
         border: 'none',
         borderRadius: '6px',
-        color: selected ? '#f25b29' : '#77797c',
-        fontFamily: 'ui-monospace, SFMono-Regular, Menlo, Consolas, monospace',
+        color: selected ? d3roPalette.accent.amber : d3roPalette.text.inactive,
+        fontFamily: d3roFontMono,
         fontSize: '12px',
         fontWeight: 600,
         cursor: 'pointer',
@@ -31,7 +32,7 @@ export function PhysicalButton({ selected = false, sx, ...props }: PhysicalButto
           boxShadow: '0 1px 2px rgba(0,0,0,0.4), inset 0 2px 4px rgba(0,0,0,0.3)',
         },
         '&:hover': {
-          bgcolor: selected ? '#1a1a1c' : '#2a2b2e',
+          bgcolor: selected ? d3roPalette.bg.crtBezel : d3roPalette.bg.cardHover,
         },
         textTransform: 'uppercase',
         letterSpacing: '0.5px',