[feat/MAT-662] <온보딩> 3초 회원가입 요소 추가 (개발)

[sterdsterd]

Summary

로그인 화면에서 Google 로그인 버튼 위에 3초만에 시작하기 말풍선 UI를 추가했습니다.
Figma 기준 말풍선 형태, stroke, shadow를 SVG path 기반으로 구현했고, 텍스트 폭 변화에 대응하도록 content layout 측정값으로 배경을 생성합니다.
말풍선 구현은 auth/login/components로 분리해 LoginScreen은 로그인 버튼 배치와 상태 처리만 담당하도록 정리했습니다.

Linear

• MAT-662: <온보딩> 3초 회원가입 요소 추가 (개발)

Changes

• Google 로그인 버튼 위에 quick-start 말풍선 anchor 추가
• SVG path 기반 말풍선 배경, tail, drop shadow 구현
• onLayout 측정 기반 hug-size 대응 및 Reanimated enter animation 적용
• 말풍선 UI를 auth/login/components/QuickStartBubble.tsx로 분리

Testing

• pnpm exec prettier --check apps/native/src/features/auth/login/screens/LoginScreen.tsx apps/native/src/features/auth/login/components/QuickStartBubble.tsx apps/native/src/features/auth/login/components/index.ts
• pnpm --dir apps/native typecheck
• pnpm --dir apps/native exec eslint src/features/auth/login/screens/LoginScreen.tsx src/features/auth/login/components/QuickStartBubble.tsx src/features/auth/login/components/index.ts

Risk / Impact

• 영향 범위: Native 로그인 화면 UI
• 확인이 필요한 부분: iOS/Android에서 SVG filter shadow 렌더링과 Figma 대비 위치/크기 정합성
• 배포 시 유의사항: 없음

Screenshots / Video

• 미첨부

[linear]

MAT-662

[claude]

Code review

No issues found. Checked for bugs and CLAUDE.md compliance.