[Fix] 블로그/프로젝트 반응형 간격 추가 + 스켈레톤 반응형 추가

[dongmin0204]

#️⃣연관된 이슈

ex) #313

📝작업 내용

스켈레톤 UI
블로그/프로젝트 로딩 스켈레톤에 반응형 적용
폭: 그리드에 맞춰 width: 100%
높이: clamp(150px, 14vw, 200px)로 최소/최대 보장 및 뷰포트 비례 증가
모바일일 때 모서리 반경 10px, 그 외에는 16px
간격 조정
블로그/프로젝트 카드 리스트 간격 동일하게 및 반응형
gap: clamp(10px, 2vw, 24px) clamp(10px, 1vw, 16px)
최소 10px 보장, 화면 크기에 따라 부드럽게 증가, 상한으로 과도한 벌어짐 방지

✅ 체크리스트

• 기능이 정상적으로 동작하는지 확인
• 코드 리뷰 반영
• 테스트 코드 작성 (필요한 경우)
• UI/UX 디자인 적용 확인

스크린샷 (선택)

-간격 수정