Fix/25 fix header and union section

[karpitony]

#️⃣연관된 이슈

• [Fix] 랜딩 목차헤더 + Union 반응형 수정 #25

📝작업 내용

• 모바일 목차 따로 만들고 조건부 렌더링
• 데스크탑 목차 위치 조정하기
• Union 섹션 글 모바일 상태에서 줄바꿈 조정하기
• Union 섹션 뒷배경 그래디언트 모바일에서도 살리기 + 미묘하게 조정해보기

✅ 체크리스트

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

스크린샷

• 데스크탑에서 헤더 위치 좀더 안쪽으로 밀었는데 피드백 주시면 좋을거 같습니다!

접기	펼치기

• 피그마대로 모바일 헤더를 만들어 추가했습니다.
• 모바일에서 헤더가 너무 큰 공간을 차지하는거 같아 접기/펼치기를 추가해봤습니다.
  • 이 부분은 더 불편하다던가 거슬리면 삭제하겠습니다!

• 내부 설명 텍스트 줄바꿈을 모바일에선 없애고, 아래 활동 목록도 2줄로 잘 보이게 수정했습니다.
• 뒷배경 그래디언트를 모바일에서 보이게 하는 부분은 동민님이 도와주셨습니다!

[dewbeeny]

테블릿뷰에서는 기존네비게이션이 유지되는 걸까요?!