Switch Varbase Media Hero Slider to use the Media Hero Slider SDC component provided by the Varbase Components library

Problem/Motivation

• Varbase Media Hero Slider is not using the new Singles Directory Components (SDC) way, which is in Drupal ~10.1.0
• Styling system and custom styling is hard to manage

#3365497: Create new SDC component for Umami Banner

Proposed resolution

• #3383531: Add Media Hero Slide and Media Hero Slider SDC components and stories for the Storybook
• Move all styling and JavaScript behaviors to the "varbase_components:media-hero-slider" component
• Switch Varbase Media Header's template to use the "varbase_components:media-hero-slider" component
• D4D - March 2022 - AmyJune Hineline - Accessible Slideshows
• Accessible Slideshows - Button, button, who's got the button?

Remaining tasks

• ✅ File an issue about this project
• ✅ Addition/Change/Update/Fix to this project
• ✅ Testing to ensure no regression
• ➖ Automated unit/functional testing coverage
• ➖ Developer Documentation support on feature change/addition
• ➖ User Guide Documentation support on feature change/addition
• ✅ Accessibility and Readability
• ✅ Code review from 1 Varbase core team member
• ✅ Full testing and approval
• ✅ Credit contributors
• ✅ Review with the product owner
• ✅ Update Release Notes and Update Helper on new feature change/addition
• ❌ Release varbase-10.0.0-beta1, varbase_heroslider_media-10.0.0-alpha4

Varbase update type

• ✅ No Update
• ➖ Optional Update
• ➖ Forced Update
• ➖ Forced Update if Unchanged

User interface changes

• N/A

API changes

• N/A

Data model changes

• N/A

Release notes snippet

• Issue #3383527: Switched Varbase Media Hero Slider to use the Media Hero Slider SDC component provided by the Varbase Components library