Implement "Kifizetési időpontok" Page with Dynamic Payload CMS Data

[peterlipt]

Description
Create the "Kifizetési időpontok" (Payout Dates) page at /kifizetesi-idopontok. The payout dates change every academic year, so they must be editable via the Payload CMS admin panel without requiring code changes.

Requirements

1. Payload CMS (Backend)

• Create a new Collection (e.g., PayoutPeriods or similar) to manage the payout schedules.
• Fields:
  • title (Text): e.g., "2025/2026 Tanév"
  • isActive (Boolean): To select which schedule is currently visible on the site.
  • autumnSemester (Array/Group):
    • payouts (Array):
      • month (Text): e.g., "Szeptember"
      • date (Text): e.g., "2025.09.19." (Text preferred for flexibility, or Date picker if strict format desired).
  • springSemester (Array/Group):
    • payouts (Array):
      • month (Text): e.g., "Február"
      • date (Text): e.g., "2026.02.24."
• Ensure the admin interface allows easy adding/editing of these dates.

2. Frontend (/kifizetesi-idopontok)

• Fetch the currently active payout schedule from Payload CMS.
• Display the payout dates in an aesthetically pleasing table.
  • Columns: "Elnevezés" (Month), "Kifizetési időpont" (Date).
  • Separate tables or sections for "Ősz" and "Tavasz" semesters as per the design in the document provided by the user.
• Include the additional informational text (Bank account info, etc.) below or around the tables.

3. Content Source
Use the provided structure and text from the specification:

03_Kifizetési időpontok - kész másolata.pdf

Design

• Clean, responsive design.
• Use Shadcn UI Table component or similar aligned with the site's theme.