[FRT-52] Tailwind v4 Custom theme & Syntax Support 설정

[6-keem]

JIRA Task 🔖

• Ticket: FRT-52
• Branch : chore/FRT-52

작업 내용 📌

• 커스텀 테마 적용, Tailwind CSS IntelliSense 연동
• Pretendard 폰트 적용

테스트 방법 🧑🏻‍🔬

• Tailwind CSS IntelliSens extension 설치 후 코드에 color box가 보이는지 확인 (className에 bg-genie-100 입력하면 보여야함)
• 

참고 사항 📂

• @hyynjju 컬러 템플릿과 디자인의 색상이 불일치 하는 경우가 있는데 main.css에 정의한 색상(=컬러 템플릿)을 기준으로 하면 될까요?
• @nahyeongjin1 리팩토링 작업 시 [#~~~~~~]로 정의된 색상 변경 해주세요. 기능 개발을 우선으로 해도 상관 없습니다.

[hyynjju]

피그마에서 사용한 색상과 css 파일에 정의된 색상 동일한 것을 확인했는데 어느 부분에서 불일치하는 부분이 있었는지 말씀해주시면 확인해보겠습니다. 테스트 결과 이상 없습니다!

[nahyeongjin1]

변경 사항 확인했고 테스트 진행 결과 이상 없습니다 👍
develop 기준으로 rebase는 제가 했습니다 🫡

저는 기능 구현 우선으로 진행하되, 앞으로 구현하는 기능부터는 커스텀 테마 적용한 후,
이전 코드들은 다음 스프린트 때 일괄적으로 리팩토링 진행하겠습니다 🥵

[6-keem]

피그마에서 사용한 색상과 css 파일에 정의된 색상 동일한 것을 확인했는데 어느 부분에서 불일치하는 부분이 있었는지 말씀해주시면 확인해보겠습니다. 테스트 결과 이상 없습니다!

피그마 디자인을 코드로 변환하면 컬러 템플릿과 다른 색상들이 섞여 있는데 main.css를 기준으로 가장 가까운 값으로 리팩토링 하겠습니다.