✨ feat: 메인 페이지 모바일 UI 구현 및 modal 추가

[KKYHH]

✅ 체크리스트

• [x] 모바일 UI 구현
• [x] modal 추가
• [x] 콜 아웃 컴포넌트 추가, 수정

📝 작업 상세 내용

SVG

메인 페이지 버튼 svg 추가

1️⃣ 모바일 UI 구현

메인 페이지 부분 TopSection MiddleSection BottomSection 등 모바일 UI를 구현했습니다.

2️⃣ 메인 페이지 모달

아직 개발 중인 테마 상점, 회고 기능에 모달을 추가 했습니다.

3️⃣ 콜 아웃 컴포넌트

메인 페이지 하단에 콜 아웃 문구가 추가 되었습니다.

수정

모바일 화면에서 Callout 컴포넌트의 svg가 깨져서 미디어 쿼리를 모바일UI와 같이 적용하고 스타일을 분리 했습니다.

🚨 버그 발생 이유 (선택 사항)

🔎 후속 작업 (선택 사항)

🤔 질문 사항 (선택 사항)

📚 참고 자료 (선택 사항)

추가적인 참고 사항이나 관련된 문서, 링크 등을 제공해주세요.

📸 스크린샷 (선택 사항)

변경 사항에 대한 스크린샷이 있다면 첨부해주세요.

✅ 셀프 체크리스트

• [x] 브랜치 확인하기
• [x] 불필요한 코드가 들어가지 않았는지 재확인하기
• [x] issue 닫기
• [x] reiewers, assignees, Lables 등록 확인하기

이슈 번호: #195