style(frontend): ABAP_OPENCODE 디자인 시스템으로 맞춤 + 화면 재구성

DESIGN_SYSTEM.md 의 Dark Workspace 토큰을 shadcn 토큰으로 이식(다크 기본, radius 8px,
success/warning/shadow-float), 시스템 산세리프, PwC 로고(LogoMark). 목록·새 대화·대화·
로그인 화면을 가운데 760px 열로 통일하고, 떠 있던 테마·로그아웃 상자는 상단 바로,
말풍선은 다크 토큰(AI 답변은 상자 없이), ABAP 흰 에디터 룩은 라이트 모드에서만.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>

2_frontend/src/shared/theme/palettes.ts

@@ -10,9 +10,9 @@ export type RawPalette = {
 
 export const PALETTES: RawPalette[] = [
   {
-    id: "clean-blue",
-    name: "클린 블루",
-    swatch: ["#FFFFFF", "#F7F9FC", "#034EA2", "#242C39"],
+    id: "clean-blue", // id 는 저장된 값 호환 위해 유지 — 실제 토큰은 derive.ts 워크스페이스(ABAP_OPENCODE) 값
+    name: "워크스페이스",
+    swatch: ["#FAFBFC", "#F2F3F5", "#3563E9", "#1A1D22"],
   },
   // Sheet 1
   { id: "dark-teal", name: "Dark Teal", swatch: ["#1A222B", "#2D3540", "#009E9F", "#ECECEC"] },