Restyle Event Card. Make other changes on front end

[harryrigg]

• Redesigned the event card. Looks good on all screen sizes, and all edge cases are accounted for (e.g. long description, no image, multiple days).
  • For multi day events, decided against showing the end date on mobile to avoid clutter. In this case, only the start time is shown to avoid confusion.
• Added an event list component, in case we decide to list events on multiple pages.
• Added an RSVP button component. Automatically handles updating RSVP status for the given event. Shows a toast to users confirming their decision.
  • Placed on the event page, and the event card.
• Fixed an issue where the user query was not immediately invalidated on login/logout.
• Unrelated, but I added a hook that can be used to delay showing loading indicators. Prevents flicker and provides a better user experience. Implemented it with the RSVP button but still needs to be setup with the other forms.
• Also unrelated, I modified the root layout component so that all pages now have consistent margins and a maximum width for large screen sizes.

Related issue

• Resolve Fix styling and links on event cards #130

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
coexist	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Nov 8, 2024 1:19pm

[harryrigg]

This also closes issue #96

[K-Straiton]

Awesome! Lgtm!