feat: Implement Past Workshops grid card(issue#29)

[IshimweIsaac]

Overview

This PR implements the Past Workshops grid card component for the events page as outlined in Issue #29. It closely adheres to the provided Figma mockups and design guidelines.

Closes #29

What was done

• Component Created: Built components/events/past-workshop-card.tsx.
• Figma Alignment:
  • Implemented the dark (bg-[#111111]) top half with the cyan SESSION #N label and white title.
  • Added the decorative background Monitor graphic in the bottom right corner with muted opacity (opacity-60).
  • Implemented the bottom half with a white background, spacing the date and duration perfectly on opposite sides (justify-between).
  • Added the "SLIDES" and "VIDEO" equal-width outlined buttons with Play icons.
  • Ensured no rounded-* classes are used anywhere, keeping the sharp, rectangular aesthetic intact.
• Layout Verification:
  • Set up a test grid in app/(public)/events/page.tsx featuring the exact 3-column layout and "PAST WORKSHOPS" section header to visually verify it against the design mockup.

Screenshots

(Desktop view showing layout and alignment)

Notes for Reviewer

• The component was tested within app/(public)/events/page.tsx locally to verify the grid layout, spacing, and container alignment with the Navbar.