feat: implement open competitions countdown cards with radix progress

[AbuJulaybeeb]

Implemented the "Open Competitions" section below the featured block, introducing list-style competition cards with active countdown timers and dynamic progress bars as specified in the Figma design.

Closes #93

Changes Introduced

• CompetitionCard.tsx: Created a highly reusable component encapsulating the complex countdown logic and UI.
• CompetitionsPage (page.tsx): Updated the /competitions route to render a responsive 2-column grid (CSS Grid md:grid-cols-2).
• Progress Tracking: Integrated @radix-ui/react-progress to calculate and display fill ratios accurately based on current/max participants.
• Mega Countdown: Added real-time interval logic parsing endTime (ISO strings) into massive, side-by-side Day/Hour/Min visual blocks.
• Typography & UI: Applied strict Tailwind styling to match the massive visual scale, cyan pill tags, and feature bullet lists from the design spec.

Acceptance Criteria Met

• Countdown timer typography matches the massive visual scale in Figma.
• Progress bars calculate and display their fill ratios accurately.
• The cards align perfectly into a 2-column grid layout on desktop.
• Includes header with "Open Competitions" and right-aligned "Sort by" dropdown.

Testing & Verification

• Verified smooth slide-in animation for the progress bar on mount.
• Confirmed countdown timers update accurately every minute without memory leaks (intervals cleared on unmount).
• Responsiveness checked across mobile, tablet, and desktop viewports.

Visual Proof (Required)

[drips-wave]

@AbuJulaybeeb Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
insight-arena-4rll	Ready	Preview, Comment	Mar 29, 2026 7:49am

[Olowodarey]

@AbuJulaybeeb pls hold on let the page be created first can join my telegram group for update

[AbuJulaybeeb]

i think it's done,
also how do i join your telegram group

[AbuJulaybeeb]

hello am waiting for the merge please

[Olowodarey]

@AbuJulaybeeb pls move your component to the Event page the page has been created

you can check my Readme file the telegram group is there

https://t.me/+hR9dZKau8f84YTk0

[AbuJulaybeeb]

Here done