feat: Home 페이지 UI를 tailwindcss를 사용하여 재구성합니다.

[limgyumin]

📌 이슈 링크

• 🌟 FEATURE: [2 Week] 메인 페이지를 개발합니다. #47

📖 작업 배경

• 기존에 이미 구현되어 있는 스타일링(main.css)이 존재하지만, tailwindcss를 사용하여 새로 구현해보고 싶어 작업하게 되었습니당

🛠️ 구현 내용

• tailwindcss를 사용하여 스타일링하기 위해 preflight 옵션을 활성화하고, main.css를 사용하지 않도록 합니다.
• ionicons 사용을 위해 react-icons 패키지를 추가합니다.
• 기존에 구현된 컴포넌트들의 UI를 tailwindcss를 사용하여 재구성합니다.

💡 참고사항

• tailwindcss를 사용하는 경우 스타일 코드 및 조건부 스타일링이 많아질 수록 classname이 과하게 길어지고 정리가 어려운 경향이 있는데, 이걸 우아하게 해결할 수 있는 방법을 알고 계신 분이 계시다면 리뷰 받아보고 싶습니다! (컴포넌트 설계 관련된 리뷰도...)

🖼️ 스크린샷