Frontpage (event feed) initial design

This is our current plan for the event feed on the front page of our app: https://www.figma.com/design/HQPHAlEY3xue2MeUq9Xoue/BeAlcoholic?node-id=1-4

Create the initial design for the front page using mock data. A list of events should be displayed. For each of them, display the title, description (maybe truncate if it's too long?), start, end date (formatted), creator user, and the top three drinks consumed (maybe also how many times they were consumed). Clicking on an event should navigate to `/events/:eventid`.

There should be a create event button at the top, this should navigate to `events/new`. (this page can be empty, will be implemented in another issue)

Also include a [paginator component](https://ui.shadcn.com/docs/components/pagination) at the bottom of the page. It doesn't have to work for now, we'll implement it once the backend is connected.

Optionally also design the page to be usable on mobile phones.