✨ Ensure Table of Contents Selection is Visible in Viewport

[ssw-yakshaver]

Requested by: @wicksipedia via YakShaver.ai 🦬
cc: @isaaclombardssw, @adamcogan, @wicksipedia

Hi Team!

Watch the video

Pain

When navigating between pages on the Tina.io documentation site, the table of contents on the left should always ensure that the selected item is visible within the viewport. This will improve user experience by making it clear which section is currently being viewed.

Acceptance Criteria

1. When a user navigates to a different page, the table of contents should automatically scroll to ensure the selected item is visible.
2. The selected item in the table of contents should be highlighted.
3. The table of contents should maintain its position relative to the selected item when navigating back and forth between pages.

Screenshot

Figure: A key decision to create a backlog item for improving the navigation feature in the Tino.io docs.