[S15P11A705-433] 종이 화면 UI 정렬 개선

[TrossYou]

변경 사항

• Library의 실제/빈/로딩/오류 열에 고정 상태 행을 두어 선반 높이와 시작점을 통일
• 긴 동적 오류 문구를 한 줄 말줄임 처리해 선반 영역 침범 방지
• 장소 추천·기록 모달을 기존 4:5 비율로 608×760까지 축소해 Record 상세 높이와 통일
• Home 검색 결과를 수직 중앙으로 옮기고 좌우 레일보다 큰 360~440px 안전 여백 적용
• Collection 상세 오버레이의 딤·블러 배경을 제거하고 투명 모달로 표현
• 직접 URL에서도 dialog 최초 포커스와 양방향 Tab containment 유지

배경

Library의 조건별 선반 높이 차이, 장소 추천 모달의 과도한 높이, Home 검색 결과와 포스트잇의 겹침, Collection 상세가 별도 페이지처럼 보이는 문제를 한 번에 정렬합니다. API와 공개 범위 계약은 변경하지 않습니다.

검증

• ESLint 통과
• TypeScript tsc -b 통과
• Vitest 전체: 87개 파일, 1,081개 테스트 통과
• Vite production build 통과
• 장소 기록 DEV preview 608×760 및 반응형 실화면 확인
• Collection 투명 모달 실화면 확인
• 두 독립 에이전트 PR 전 리뷰 및 지적 반영, 최종 blocker 없음

Jira: S15P11A705-433