Contest Component
The Contest component is a responsive card-based grid layout built using Next.js and Tailwind CSS, designed to showcase a series of promotional contests or campaigns. Each contest is displayed as an interactive card featuring:
- A featured image: with hover zoom animation
- A date range badge styled like a calendar
- A status label (e.g., "Open" or "Closed")
- A title of the contest
- A Call-to-Action (CTA) button: “View Detail”
- If the contest is closed, the button is disabled and styled accordingly
