fix: 워크스페이스 반응형 레이아웃 개선

[kcleverp]

이슈

Closes #389

변경 사항

• 프로젝트 상세 탭을 작은 화면에서 가로 스크롤로 전환했습니다.
• 일정 상세, 파일 목록·상세·업로드, 공지 작성, 참여자 패널과 영상 상세 헤더의 고정 폭을 반응형으로 조정했습니다.
• 프로젝트 카드가 모바일에서 썸네일과 메타 정보를 세로로 배치하도록 변경했습니다.

스크린샷

리뷰 포인트

• 모바일 폭에서 탭 이동, 파일 업로드·관리, 일정 상세와 영상 피드백 흐름이 유지되는지 확인 부탁드립니다.

체크리스트

• 셀프 리뷰 완료
• 동작 확인

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
slate-to-fe	Ready	Preview	Aug 12, 2026 8:02am

[kcleverp]

코드 리뷰

Must: ProjectCard는 홈에서도 재사용하는 공용 컴포넌트인데, 이번 모바일 세로 배치가 모든 사용처에 적용됩니다. 이번 이슈 범위는 워크스페이스이므로 홈 프로젝트 카드의 검증되지 않은 레이아웃까지 변경됩니다. 워크스페이스에서만 반응형 레이아웃을 활성화하도록 opt-in prop 또는 워크스페이스 전용 조합으로 제한해 주세요.

Should: 없음

[kcleverp]

리뷰 반영 완료

공용 ProjectCard의 기본 레이아웃은 유지하고, 새
esponsiveLayout 옵션을 워크스페이스 프로젝트 목록에서만 사용하도록 변경했습니다. 따라서 홈 등 다른 영역의 카드 레이아웃은 바뀌지 않습니다.

검증: Prettier, ESLint, TypeScript 빌드, Vite 프로덕션 빌드, diff 검사 통과했습니다. 기존 500kB 청크 경고만 남아 있습니다.