Implement "Klubok" Page with Payload CMS

[peterlipt]

Description
Create the "Klubok" (Clubs) page at /kozelet/klubok. This page showcases the various student clubs and community places, with content managed via Payload CMS.

Requirements

1. Payload CMS (Backend)

• Create a new Collection named Clubs.
• Fields:
  • title (Text, required): Name of the club
  • description (Rich Text or Textarea, required): Detailed description.
  • location (Text, optional): Address or location within a dorm (e.g., "Kármán Tódor Kollégium").
  • openingHours (Text, optional): General opening info (e.g., "Hétfő és Csütörtök").
  • images (Array/Upload, required): Gallery of images.
  • order (Number, optional): To control display order.
• Seed Data: Populate with content from the pdf

Klubok másolata.pdf

2. Frontend (/kozelet/klubok)

• Data Fetching: Fetch the list of clubs from the Payload CMS.
• Layout:
  • Display the clubs in a visually appealing list or grid.
  • Card/Item Content:
    • Title
    • Location/Info (if available)
    • Description
    • Images: Display representative images.

3. Design

• Clean, responsive design.
• Use Shadcn UI components where appropriate aligned with the site's theme.

4. Content Source

• Intro Text: "Egyetemünkön számos klub és szórakozóhely várja..."
• Clubs List:
  • Fakukltás Klub
  • Gszk (Gépész Szakkollégium Klub)
  • HSK (Hőtechnikai Szakkollégium Klub)
  • Old's Club
  • Roller Club
  • Gödör (Bercsényi)
  • Martos Csocsó Klub
  • Homár (Schönherz)