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/features/snippets/pages/SnippetPalettePage.tsx

@@ -1,4 +1,5 @@
 import { hostKind, send } from "@/lib/bridge/transport"
+import { LogoMark } from "@/shared/components/LogoMark"
 // 검색 → 결과 → 직접 선택한 코드 순서로 화면과 데스크톱 창을 펼침.
 import { useEffect, useMemo, useRef, useState } from "react"
 import { Check, Search } from "lucide-react"
@@ -287,9 +288,8 @@ export default function SnippetPalettePage() {
           onMouseDown={startWindowDrag}
           className="border-border flex h-9 flex-none items-center gap-2 border-b px-4 select-none"
         >
-          <span className="font-mono text-[11px] font-semibold tracking-[0.12em]">
-            Snippet Everywhere
-          </span>
+          <LogoMark width={28} />
+          <span className="text-[11px] font-semibold tracking-wide">CodeAssist · Snippet</span>
         </header>
       )}
       {/* 상단 검색 입력 */}