Feature: Redesign and Dynamize Events Highlight Section

[GenDelta]

Requirements

• Create a new design for the landing page Events Highlight section in Figma.
• Implement the approved Figma design after review and approval.
• Replace the static images array in src/components/EventsHighlight/index.jsx with a dynamic data source or generation strategy.
• Evaluate and, if suitable, add randomized image selection on each home-page reload.
• If images are shuffled, weight selection toward events from the last year, with progressively lower weights for older events using an algorithm chosen and documented by the developer.
• Preserve the Most Recent First ordering rule in the final displayed selection, even after weighted randomization.
• Follow repository conventions and avoid duplicating existing components or event assets.

Acceptance Criteria

• The Events Highlight section has an approved Figma design before implementation.
• The approved design is implemented on the landing page.
• The static image array in src/components/EventsHighlight/index.jsx is replaced with a dynamic approach.
• Reloading the home page produces a valid image selection when randomization is implemented.
• Recent events receive higher selection probability than older events, with the weighting strategy documented in the implementation.
• Displayed images remain ordered Most Recent First after selection.
• The section remains responsive, accessible, and compatible with existing event highlight behavior.
• The project builds successfully.