feat(WEB): 스켈레톤 구조 개선 및 달력 UI 개선

스켈레톤 시스템:
- 타이틀은 항상 표시, 나머지 영역만 스켈레톤 처리
- 헤더 액션, 검색, 테이블 영역 개별 스켈레톤 적용

달력 UI:
- 경계선 색상 border-gray-200으로 통일
- 지난 일자 배경색 bg-gray-300으로 더 어둡게
- 선택/오늘 날짜 색상 보라색으로 변경 (이벤트 바와 구분)
- 날짜-이벤트 바 간격 8px 추가

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

src/components/ui/skeleton.tsx

@@ -403,15 +403,9 @@ function ListPageSkeleton({
 }: ListPageSkeletonProps) {
   return (
     <div className="space-y-6">
-      {/* 페이지 헤더 (타이틀 + 설명) */}
+      {/* 페이지 헤더 (타이틀 + 설명) - 스켈레톤 없이 빈 공간만 */}
       {showHeader && (
-        <div className="flex items-center gap-3">
-          <div className="h-10 w-10 rounded-lg bg-gray-200 animate-pulse" />
-          <div className="space-y-1.5">
-            <div className="h-7 w-40 rounded bg-gray-200 animate-pulse" />
-            <div className="h-4 w-56 rounded bg-gray-100 animate-pulse" />
-          </div>
-        </div>
+        <div className="h-[52px]" />
       )}
 
       {/* 헤더 액션 영역: 날짜 범위 선택기 + 프리셋 버튼 + 등록 버튼 */}