Filterfunktion/Suchfunktion stylen und nur aktuelle Stempel anzeigen

Goals:

• Improve the frontend design of the search bar and filter buttons for better usability and modern UI
• Update the backend logic to ensure only upcoming events are displayed
• Improve and reposition the filter/search messages when no matches are found.
• Complete separate upcoming and past events ( #80 separate page)

TO DO:

• Frontend Tasks:
  • Redesign the search bar and filter buttons to match the new layout
  • improve spacing, button, alignment and styling
  • add a new filter dropdown for Language (Issue #77)
  • Ensure the new design is responsive and accessible
• Backend Tasks:
  • Update the search and filter logic to:
  • only display current (upcoming) events
  • ensure results do not include past events
• User Feedback & Messaging:
  • Update the search / filter message to handle the "no matches found" situation
  • Display a clear, user-friendly message (reposition to where it can be seen clearly)
• Testing:
  • Test the search and filter functionality for:
  • correct separation of upcoming vs past events
  • proper display of results when filters are applied
  • ensure user feedback is display, when no matches are found

References

• Issue #77: Add a language filter to the filter functionality.
• Issue #80: Ensure a clean separation of past and upcoming events.

Expected Outcome:

• The search and filter UI is clean, user-friendly and modernized
• Only upcoming events are displayed when searching or filtering
• Users see a clear message when no results are found.