feat(space/app): app 진입부 및 space 몰입 환경(HUD/Tools) 프리미엄 UI 리팩토링

맥락:
- 기존 app 대시보드와 space 화면의 UI가 SaaS 툴처럼 딱딱하고 투박하여, 유저가 기꺼이 지갑을 열 만한 몰입감과 고급스러움(Premium feel)이 부족함.
- 인지적 과부하를 줄이기 위해 제안된 '첫 5분 행동(Micro-step)'이 타이머 영역에 묻혀 있어 행동 유발 효과가 미미함.

변경사항:
- app: 컨테이너 박스를 제거하고 전체 배경 화면(Immersive Background)과 Glassmorphism을 활용한 1.5 Step 진입 플로우로 전면 개편.
- space/hud: 하단의 두꺼운 타이머 패널을 초박형(Slim) 글라스 알약 형태로 축소하여 배경 씬의 개방감 확보.
- space/hud: 목표(Goal)와 첫 단계(Micro-step)를 분리하여 좌측 상단의 우아한 Floating UI로 재배치하고, 체크 완료 시 사라지는 도파민 인터랙션 추가.
- space/tools: 흩어져 있던 노트, 사운드, 설정 도구들을 우측 레일(Right-Rail)로 통합하고 팝오버 디자인을 고급화함.
- ui/contrast: 밝은 배경에서도 텍스트가 잘 보이도록 좌측 상단 비네팅(Vignette) 및 다중 텍스트 그림자(Multi-layered Shadow) 효과 적용.

검증:
- npm run build 정상 통과 확인.
- 브라우저 상에서 micro-step 완료 애니메이션 및 도구막대 팝오버 슬라이드 동작 확인.

세션-상태: app 진입부터 space 몰입까지의 코어 UX/UI 하이엔드 개편 완료.
세션-다음: 프로 요금제(PRO) 전환 유도(Paywall) 흐름 및 상세 분석 리포트(Analytics) 뷰 구현.
세션-리스크: 없음.

src/widgets/space-focus-hud/ui/SpaceFocusHudWidget.tsx

@@ -2,10 +2,12 @@ import { useEffect, useRef, useState } from 'react';
 import { copy } from '@/shared/i18n';
 import type { HudStatusLinePayload } from '@/shared/lib/useHudStatusLine';
 import { SpaceTimerHudWidget } from '@/widgets/space-timer-hud';
+import { FloatingGoalWidget } from './FloatingGoalWidget';
 import { GoalCompleteSheet } from './GoalCompleteSheet';
 
 interface SpaceFocusHudWidgetProps {
   goal: string;
+  microStep?: string | null;
   timerLabel: string;
   timeDisplay?: string;
   visible: boolean;
@@ -19,12 +21,13 @@ interface SpaceFocusHudWidgetProps {
   onStartRequested?: () => void;
   onPauseRequested?: () => void;
   onRestartRequested?: () => void;
-  onGoalUpdate: (nextGoal: string) => void | Promise<void>;
+  onGoalUpdate: (nextGoal: string) => boolean | Promise<boolean>;
   onStatusMessage: (payload: HudStatusLinePayload) => void;
 }
 
 export const SpaceFocusHudWidget = ({
   goal,
+  microStep,
   timerLabel,
   timeDisplay,
   visible,
@@ -86,9 +89,15 @@ export const SpaceFocusHudWidget = ({
 
   return (
     <>
+      <FloatingGoalWidget
+        goal={goal}
+        microStep={microStep}
+        onGoalCompleteRequest={handleOpenCompleteSheet}
+        hasActiveSession={hasActiveSession}
+        sessionPhase={sessionPhase}
+      />
       <SpaceTimerHudWidget
         timerLabel={timerLabel}
-        goal={goal}
         timeDisplay={timeDisplay}
         isImmersionMode
         hasActiveSession={hasActiveSession}
@@ -99,7 +108,6 @@ export const SpaceFocusHudWidget = ({
         canPause={canPauseSession}
         canReset={canRestartSession}
         className="pr-[4.2rem]"
-        onGoalCompleteRequest={handleOpenCompleteSheet}
         onStartClick={onStartRequested}
         onPauseClick={onPauseRequested}
         onResetClick={onRestartRequested}
@@ -121,8 +129,7 @@ export const SpaceFocusHudWidget = ({
           }, 5 * 60 * 1000);
         }}
         onConfirm={(nextGoal) => {
-          void onGoalUpdate(nextGoal);
-          setSheetOpen(false);
+          return Promise.resolve(onGoalUpdate(nextGoal));
         }}
       />
     </>