Feature: Fully Responsive Puzzle Roadmap Page with Timeline Scroll

[mdauwal]

What’s New

This PR implements the Puzzle Roadmap Page, providing a sleek and interactive visual timeline of upcoming puzzles and events.

---

🎯 Features

• 📱 Fully responsive layout using TailwindCSS
• 🧩 Horizontal timeline scroll with snap behavior
• 🖼️ Puzzle cards with image, title, description, and release date
• 🔮 UI styled with gradient backgrounds and smooth transitions
• 🧠 Scalable component structure following App Router conventions

---

📁 Structure

• app/puzzles/roadmap/page.tsx – Route entry
• components/puzzles/roadmap/ – PuzzleCard, PuzzleTimeline, mockData

---

🔧 Future Enhancements

• Countdown timer for unreleased puzzles
• Dynamic data fetching from backend
• Categorization or tagging (e.g. logic, mystery, coding)

---

✅ Checklist

• Mobile-first responsive design
• Component refactored to shared components/ folder
• Clean Git commit history
• No console/log/debug artifacts
• Image assets assumed to exist in /public/images/

---

closes #579