fix: 미션 추천 결과 제목 왼쪽 정렬

[jongse7]

변경 사항

• 미션 추천 결과 카드의 제목 영역을 카드 너비로 확장하고 왼쪽 정렬했습니다.
• 제목이 두 줄로 표시될 때 각 줄의 시작점이 왼쪽에 맞춰집니다.

검증

• pnpm --filter web test -- mission-creation-result.test.tsx
• pnpm --filter web lint

변경 사항

• 미션 추천 결과 카드의 제목 영역에 w-full을 적용했습니다.
• 여러 줄로 표시되는 미션 제목을 왼쪽 정렬하도록 수정했습니다.
• 왼쪽 정렬 동작을 검증하는 테스트를 추가했습니다.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
28th-web-team-3-fe-web-dev	Ready	Preview	Aug 22, 2026 5:25am

1 Skipped Deployment

Project	Deployment	Actions	Updated (UTC)
28th-web-team-3-fe-admin	Ignored		Aug 22, 2026 5:25am

[coderabbitai]

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro Plus

Run ID: a36c17ab-7339-47ee-b8e7-00721d9a051e

📥 Commits

Reviewing files that changed from the base of the PR and between 3ca212f and 03f8d54.

📒 Files selected for processing (2)

• apps/web/app/mission/_components/mission-creation-result.test.tsx
• apps/web/app/mission/_components/mission-creation-result.tsx

---

Walkthrough

미션 초안 제목 요소가 전체 너비를 사용하도록 변경되었습니다. 다중 줄 제목에 w-full 및 text-left 클래스가 적용되는지 테스트를 추가했습니다.

Changes

미션 제목 정렬

Layer / File(s)	Summary
미션 제목 너비와 정렬 검증 apps/web/app/mission/_components/mission-creation-result.tsx, apps/web/app/mission/_components/mission-creation-result.test.tsx	미션 초안 제목에 w-full 클래스를 추가했습니다. 다중 줄 제목의 w-full 및 text-left 클래스 적용을 검증합니다.

Estimated code review effort: 1 (매우 간단) | ~5분

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch fix/mission-result-title-alignment

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}