style(web): HotTrend 상세페이지

[brightchul]

한 줄 요약

HotTrend 상세 페이지 UI 작업

자세한 내용 [시안]

전체 페이지

상단 정보 뷰

• HotTrendInfo : 랭크, 핫트렌드 타이틀, 콘텐츠, 상품 정보, 더 알아보기

하단 리스트

• HotTrendRankList : 각 편의점별 핫트렌드 아이템 리스트

그외 기타

• hottrend/layout.tsx : 기본 레이아웃, 최상단 헤더
• hottrend/[category]/layout.tsx : 상단 탭 편의점 카테고리 ( +isRouterReplace )
• not-found : /hottrend 경로 중에 not found 일어날 경우 리다이렉트
• tailwind.config.js : Arbitrary values 로 사용하던 부분을 tailwind.config에 설정해서 이용

[github-actions[bot]]

🚀 Chromatic 및 Storybook 배포 완료 🚀

	URL	설명
🎨	Chromatic	시각적 테스트 및 UI 리뷰관련 URL
📚	Storybook	스토리북 배포 URL

[github-actions[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎	Name	Preview
handpyeon-web	Visit Preview

[github-actions[bot]]

🚀 Chromatic 및 Storybook 배포 완료 🚀

	URL	설명
🎨	Chromatic	시각적 테스트 및 UI 리뷰관련 URL
📚	Storybook	스토리북 배포 URL

[github-actions[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎	Name	Preview
handpyeon-web	Visit Preview

[github-actions[bot]]

🚀 Chromatic 및 Storybook 배포 완료 🚀

	URL	설명
🎨	Chromatic	시각적 테스트 및 UI 리뷰관련 URL
📚	Storybook	스토리북 배포 URL

[github-actions[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎	Name	Preview
handpyeon-web	Visit Preview