feat(app): 활성 창 캡쳐·캡쳐 목적지 선택·단축키 Ctrl+Alt 재배치 + UX 손질

- Ctrl+Alt+A/Z 맨 앞 창 통째 캡쳐(DWM 확장 프레임 경계), S/X 드래그 캡쳐. A/S 새 대화, Z/X 마지막 대화
- 캡쳐 후 창을 확실히 앞으로(AttachThreadInput), capture.image 에 목적지 path 실어 그 Composer 만 소비
- 드래그 선택영역 원본 밝기·더블버퍼(번쩍임) — code-assistant-v2 복사본에서 이식
- 단축키 Ctrl+Alt+Q/W: Eclipse·ADT·SAP GUI 바인딩 목록 대조해 비어 있는 조합으로
- 버튼 cursor:pointer(Tailwind v4), 가운데 스피너, 스니펫→챗 버튼, 스니펫 검색창 높이 84→88

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

2_frontend/src/shared/components/CenterSpinner.tsx

@@ -0,0 +1,10 @@
+import { Loader2 } from "lucide-react"
+
+/** 화면 정가운데 도는 스피너 — 페이지 lazy 로딩·로그인 확인 같은 전체 화면 대기용. */
+export function CenterSpinner({ label = "로딩 중" }: { label?: string }) {
+  return (
+    <div role="status" aria-label={label} className="flex h-dvh w-full items-center justify-center">
+      <Loader2 className="text-muted-foreground size-6 animate-spin" />
+    </div>
+  )
+}

2_frontend/src/shared/components/ProtectedRoute.tsx

@@ -3,6 +3,7 @@ import { Navigate, Outlet, useLocation } from "react-router-dom"
 import { useMe } from "@/features/auth/hooks/useMe"
 import { useAuthStore } from "@/features/auth/store/authStore"
 import { PATHS } from "@/config/routes"
+import { CenterSpinner } from "@/shared/components/CenterSpinner"
 
 /**
  * 저장된 user를 서버에서 확인한 뒤 보호 화면을 연다.
@@ -25,7 +26,7 @@ export default function ProtectedRoute() {
     return <Navigate to={`${PATHS.LOGIN}${query}`} replace />
   }
   if (me.isLoading) {
-    return <div className="text-muted-foreground p-6">로그인 확인 중...</div>
+    return <CenterSpinner label="로그인 확인 중" />
   }
   return <Outlet />
 }