feat: implement static Explore Events page with event cards and filte…

[jayteemoney]

Summary

• Implemented a fully functional static Explore Events page UI as specified in
  Issue [frontend]: Build explore events page #9
• Created reusable ExploreEventCard component with responsive design and hover
  effects
• Added mock data with 10 sample Web3/blockchain themed events
• Built filter UI with search, category chips, and sort dropdown (all functional
  for static data)

Features Delivered

Requirement	Status
Events listing layout (responsive grid)	✅
Event cards with details (title, date, time, location, category, price, image)
✅
Filter UI (search bar, category chips, sort selector)	✅
Mobile-first responsive design (1-col → 2-col → 3-col)	✅
Accessibility (aria-labels, alt text)	✅
Empty state with clear filters	✅

Files Changed

• client/src/Components/dashboard/explore-event-card.jsx - New event card
  component
• client/src/lib/mock-events.js - Mock data with 10 events, categories, sort
  options
• client/src/pages/dashboard/discover.jsx - Full Explore Events page
  implementation
• client/package.json - Added prop-types dependency

Test Plan

• Page renders at /discover route
• Responsive grid displays correctly (mobile/tablet/desktop)
• Search filters events by title, location, description
• Category chips filter events correctly
• Sort dropdown orders events by date/price/name
• Empty state displays when no events match filters
• Build passes without errors

Closes #9

[manoahLinks]

Thanks for your contribution, currently setting up github workflow. ones all checks pass i will merge or send feeback if otherwise

[manoahLinks]

Thanks for your contribution