[Feat]: Walkthrough Component Implementation

[KumarNitin19]

Hello @mkrause , I would like to contribute the walkthrough component in baklava and I have created the component with few stories as a walkthrough demonstration:

• Basic - Standard walkthrough implementation.
• Scroll - Demonstrates that it works for components not in viewport by scrolling to them and highlighting them.
• Lazy - Shows it works with lazy components by waiting for the component to load and then highlighting it.
• Without Overlay - No spotlight, no overlay, just the tooltip near the component

What it does
This component allows to create guided user tours with spotlight highlighting and contextual tooltips.

Key Features:

• Spotlight overlay highlighting target elements.
• Dynamic tooltip positioning with configurable placement.
• Keyboard navigation (arrow keys, escape).
• Scroll handling and lazy loading support.
• Optional overlay mode.

Note: I have used the tooltip component but it is not wrapping the spotlight because currently the tooltip present in baklava doesn't have any prop to make it open - it only appears when we hover on the wrapped element. So I have calculated the bounding rect value to position the tooltip. We can get rid of this if we add an open prop to make the tooltip visible always.

Please review and let me know if any changes are required.
Thanks!

[mkrause]

Hi @KumarNitin19, thank you! Will have a look at the PR 🙂

[mkrause]

@Mahek-Vasoya We can pick up this work as part of this PR: #183