Add schedule event type filters

[ashleywolf]

Summary

• Adds event type filter controls to the schedule page.
• Builds filter options from the existing event type source of truth so newer types stay included.
• Shows only filter options that have events in the current schedule.
• Adds a component test that verifies filtering and restoring all events.

Context

• Addresses Improve ability to filter/view schedule in a useful way #244.
• Uses Add EventFilter component and styles for event type selection. #344 as prior art, but rebuilds the filter against current main instead of merging the stale branch or its unrelated event-content change.

Validation

• npm test -- --runInBand
• npm run build
• Verified /schedule renders filter controls for the current 2026 events.

[Copilot]

Pull request overview

Adds event-type filtering controls to the schedule page so users can narrow down visible events by type, addressing usability concerns from #244.

Changes:

• Introduces an EventFilter component (with styles) and wires it into EventsList to filter displayed schedule cards by event type.
• Builds filter options dynamically from the existing event-type “source of truth” and only shows types present in the current schedule.
• Adds a component test to verify filtering behavior and restoring the full event list.

Show a summary per file

File	Description
tests/events-list.test.jsx	Adds a test covering event-type filtering and reset-to-all behavior.
styles/styles.scss	Globally imports the new event-filter SCSS.
content/commons.json	Adds i18n strings for the filter label and “All event types” option.
components/events-list/EventsList.jsx	Adds selected-type state, builds filter options, filters the rendered events, and shows a “no matches” empty state.
components/event-filter/event-filter.scss	Styles the new filter control and active/hover/focus states.
components/event-filter/EventFilter.jsx	Implements the filter UI as a button group using event type labels and counts.

Copilot's findings

Tip

Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

• Files reviewed: 6/6 changed files
• Comments generated: 2

[Copilot]

aria-label on a plain <div> typically isn’t exposed unless the element has an explicit/implicit ARIA role, so the filter group may be unlabeled for assistive tech. Consider using role="group" with aria-labelledby pointing at the visible label, or use a <fieldset> + <legend> so the control group has proper semantics.

[Copilot]

The test fixtures don’t include the raw date field (mm/dd) that EventsList uses for the same-date class logic (event.date === ...). Using an event shape that differs from parseEvent() output can make this test pass while masking regressions; add a realistic date (and optionally endDate) to the test events.