헤더 반응형 미대응 — 모바일에서 내비게이션 크라우딩

[kmg733]

배경

헤더(src/app/layout.tsx)에 반응형 분기(md:, hidden, 모바일 메뉴 등)가 전혀 없어, 좁은 화면에서도 내비게이션 링크 5개(Home/Blog/Projects/Career/About)와 아이콘 3개(검색/테마/RSS)가 항상 한 줄에 렌더된다. 모바일에서 가로로 빡빡하게 몰려 가독성·터치 영역이 저하된다.

현상

• 헤더 우측 그룹: [검색] [테마] [RSS] + 좌측 내비 링크 5개가 flex ... gap-6으로 한 줄 고정
• RSS 아이콘 추가(RSS 피드 추가 (/feed.xml) #121 관련)로 아이콘이 하나 더 늘어 크라우딩이 소폭 심화됨 (근본 원인은 기존 반응형 부재)

작업 내용(안)

• 모바일 브레이크포인트에서 내비 링크를 햄버거 메뉴 등으로 접기
• 아이콘 그룹(검색/테마/RSS)의 좁은 화면 배치 정리
• 데스크톱 레이아웃은 현행 유지 (회귀 방지)

비고

• 이번 RSS 작업(RSS 피드 추가 (/feed.xml) #121) 범위 밖이라 별도 이슈로 분리
• 관련 파일: src/app/layout.tsx