Feat/select panel empty state

[francinelucca]

Closes https://github.com/github/primer/issues/3922, https://github.com/github/primer/issues/4104

Implementing empty state for SelectPanel. Default message and the ability to customise them when there is no item to show either in the first load or when filtering (Under primer_react_select_panel_with_modern_action_list FF).

Resubmission of #5142 that had to be reverted

Changelog

New

• SelectPanel now accepts a message prop to display error, warning and empty states through a new (internal) SelectPanelMessage component
• FilteredActionList (modern) now accepts a message prop to render instead of the list for empty states
• Stories demonstrating new empty, warning and error states functionality
• Tests for new empty states functionality
• Container css module class for FilteredActionList

No initial Item

No filtered Item demo

Video description:

Rewatch.Screen.Recording.-.2024-10-24.at.1.55.52.PM.mp4

Changed

• Offloaded a lot of unnecessary announce logic for ModernActionList from SelectPanel to FilteredActionListWithDeprecatedActionList
• SelectPanel now uses de-facto ModernActionList announcement logic through useAnnouncements
• Adjusted SelectPanel stories to add empty states
• Corrected some tests and added fakeTimers were needed due to new announcement logic
• Renamed incorrect story "Height Variantions and Scroll" -> "Height Variations and Scroll"
• VRT updates to account for corrected story name
• Fixed loading bug where loading spinner was being displayed when no results where available on the panel (items had already been loaded but filter applied with no matching items)

Removed

• Removed usage of LiveRegion component that seemed unnecessary as announcements are already being handled programmatically

Rollout strategy

• Patch release
• Minor release
• Major release; if selected, include a written rollout or migration plan
• None; if selected, include a brief description as to why

Testing & Reviewing

• This and This are a good stories to test the behaviour. Please note primer_react_select_panel_with_modern_action_list FF must be on

Merge checklist

• Added/updated tests
• Added/updated documentation
• Added/updated previews (Storybook)
• Changes are SSR compatible
• Tested in Chrome
• Tested in Firefox
• Tested in Safari
• Tested in Edge
• (GitHub staff only) Integration tests pass at github/github (Learn more about how to run integration tests)

[primer-integration]

👋 Hi from github/github! Your integration PR is ready: https://github.com/github/github/pull/369946

[primer-integration]

🔴 golden-jobs completed with status failure.