feat(web): Fragment auth 및 달력 UI 개선

[ehlung]

개요

Fragment 브랜딩을 auth 화면에 적용하고 스케줄 달력 UI와 모바일 반응형 레이아웃을 정리합니다.

관련 이슈 없음

---

변경 사항

• Fragment favicon 자산과 PWA manifest를 연결하고 auth 좌측 브랜딩 패널을 추가했습니다.
• 대시보드, 스케줄, 보관함 달력의 DRAFT/CONFIRMED 상태 배지를 제거했습니다.
• 보관함 확정 이력 선택을 읽기 모드 달력 헤더의 작은 Select 컨트롤로 통합했습니다.
• 모바일 관리자 화면에서 사이드바가 본문을 압박하지 않도록 기본 접힘과 달력 가로 스크롤을 보완했습니다.

---

변경 유형

• feat — 새로운 기능
• fix — 버그 수정
• refactor — 리팩터링 (기능 변경 없음)
• test — 테스트 코드
• perf — 성능 개선
• docs — 문서 수정
• chore — 빌드·설정 변경

---

영향 범위

• web — apps/web
• api — apps/api
• db — packages/database
• shared — packages/shared
• repo — 루트 설정·CI/CD·문서

---

테스트 방법

1. pnpm --filter @fragment/web typecheck
2. pnpm --filter @fragment/web lint
3. 로컬 dev server에서 주요 라우트 응답 확인: /login, /signup, /dashboard, /organization, /organization/new, /workers, /availability, /staffing-rules, /schedules, /schedule-history

---

체크리스트

• CI (테스트 + 린트) 통과 확인
• 관련 테스트 코드 작성 또는 업데이트
• 상태 분류 규칙(서버/전역/로컬/폼 상태) 준수
• 에러 처리 및 Fallback UI 확인 (해당 시)
• Swagger 문서 업데이트 (API 변경 시)
• 공유 타입·스키마(packages/shared) 업데이트 (타입 변경 시)

---

스크린샷 / 영상

로컬에서 UI 변경을 확인했습니다. 자동 스크린샷 도구는 현재 프로젝트에 설치되어 있지 않아 첨부하지 않았습니다.

---

리뷰 포인트

• Auth 브랜딩 패널의 Fragment 로고 크기와 색상 톤이 의도와 맞는지 확인 부탁드립니다.
• 보관함 이력 선택을 달력 헤더 컨트롤로 통합한 UX가 충분히 가벼운지 확인 부탁드립니다.
• 모바일에서 관리자 사이드바 기본 접힘과 달력 가로 스크롤 동작을 확인 부탁드립니다.

[coderabbitai]

Warning

Review limit reached

@ehlung, we couldn't start this review because you've reached your PR review rate limit.

More reviews will be available in 25 minutes and 40 seconds. Learn how PR review limits work.

Your organization has used up its prepaid credits, and credit purchases are no longer available. Enable the review add-on in the billing tab to keep reviews running — you're only billed for reviews past your plan's rate limits ($0.25/file).

⌛ How to resolve this issue?

After more reviews become available, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

To avoid repeated limits, reduce automatic review volume by pausing incremental auto-reviews earlier, using label-based review opt-in, excluding WIP or generated PR titles, or requesting reviews manually when the PR is ready. If your team needs uninterrupted high-volume reviews, an organization admin can enable usage-based credits.

🚦 How do rate limits work?

CodeRabbit enforces per-developer PR review limits for each organization. Most developers receive the normal plan refill rate.

For paid Pro and Pro+ PR reviews, CodeRabbit uses adaptive limits for sustained high-volume activity. When a developer's recent PR review activity reaches the 95th percentile or higher among CodeRabbit users, the refill rate gradually slows as usage increases. The highest same-day bursts are limited more strictly.

Please see our Fair Usage Limits Policy for further information.

ℹ️ Review info

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: ASSERTIVE

Plan: Pro Plus

Run ID: 0ae657c1-8a7b-482b-bb99-cc0a471f7374

📥 Commits

Reviewing files that changed from the base of the PR and between a8727c1 and f3db63f.

⛔ Files ignored due to path filters (10)

• apps/web/public/favicons/apple-touch-icon-180.png is excluded by !**/*.png
• apps/web/public/favicons/favicon-128.png is excluded by !**/*.png
• apps/web/public/favicons/favicon-16.png is excluded by !**/*.png
• apps/web/public/favicons/favicon-256.png is excluded by !**/*.png
• apps/web/public/favicons/favicon-32.png is excluded by !**/*.png
• apps/web/public/favicons/favicon-48.png is excluded by !**/*.png
• apps/web/public/favicons/favicon-512.png is excluded by !**/*.png
• apps/web/public/favicons/favicon-64.png is excluded by !**/*.png
• apps/web/public/favicons/icon-192.png is excluded by !**/*.png
• apps/web/public/favicons/icon-512.png is excluded by !**/*.png

📒 Files selected for processing (11)

• apps/web/public/manifest.webmanifest
• apps/web/src/app/globals.css
• apps/web/src/app/layout.tsx
• apps/web/src/components/layout/admin-shell.tsx
• apps/web/src/components/ui/sidebar.tsx
• apps/web/src/features/auth/components/auth-brand.tsx
• apps/web/src/features/auth/components/auth-card.tsx
• apps/web/src/features/auth/components/auth-page-shell.tsx
• apps/web/src/features/dashboard/components/mvp-dashboard-page.tsx
• apps/web/src/features/schedule-history/components/mvp-schedule-history-page.tsx
• apps/web/src/features/schedules/components/mvp-schedules-page.tsx

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch feature/web-auth-calendar-ui

---

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 and usage tips.}