fix: 🤔 focus inside carousel not preventing auto scroll

[Soarecos]

Current behavior

The carousel's auto-scrolling only stops when the entire carousel component has focus. When navigating within a slide (e.g., focusing on interactive elements), auto-scrolling continues to run. After a few seconds, the current slide scrolls out of view, making it impossible to interact with the slide content, and focus gets reset back to the carousel component.

Expected behavior

Auto-scrolling should pause/stop when any interactive element within a slide receives focus, not just when the carousel container itself is focused. The auto-scrolling should remain paused as long as the user is interacting with content inside any slide, and focus should remain on the interactive element the user was engaging with.

Steps to reproduce

Open this page and check the carousel focus behaviour.

DoR

• Item has business value
• Item has been estimated by the team
• Item is clear and well-defined
• Item dependencies have been identified