feat(ui): implement sidebar scroll position preservation

[malav2110]

Description

This PR adds functionality to preserve sidebar scroll location on Learn Page

Validation

Before:
https://github.com/user-attachments/assets/41ca31eb-72c2-447a-a6a7-2d451171775e

After:
https://github.com/user-attachments/assets/656713ee-5d03-430f-beda-8ae491f415a8

Related Issues

Fixes #8336

Check List

• I have read the Contributing Guidelines and made commit messages that follow the guideline.
• I have run pnpm format to ensure the code follows the style guide.
• I have run pnpm test to check if all tests are passing.
• I have run pnpm build to check if the website builds without errors.
• I've covered new added functionality with unit tests if necessary.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Review	Updated (UTC)
nodejs-org	Ready	Preview	Jan 9, 2026 0:47am

[github-actions]

👋 Codeowner Review Request

The following codeowners have been identified for the changed files:

Team reviewers: @nodejs/nodejs-website

Please review the changes when you have a chance. Thank you! 🙏

[Copilot]

Pull request overview

This PR implements scroll position preservation for the sidebar on the Learn Page, addressing issue #8336 where the sidebar would reset to the top when navigating between articles. The implementation uses React's forwardRef pattern and a custom hook to track and restore scroll positions across navigation.

Key Changes:

• Created a new useNavigationState hook that debounces scroll events and stores scroll positions in a context-based state store
• Modified the Sidebar component to support ref forwarding, allowing parent components to access the underlying DOM element
• Integrated the scroll preservation functionality into the withSidebar component

Reviewed changes

Copilot reviewed 4 out of 4 changed files in this pull request and generated 6 comments.

File	Description
packages/ui-components/src/Containers/Sidebar/index.tsx	Converted from functional component to forwardRef to expose the sidebar element for scroll position tracking
apps/site/hooks/client/useNavigationState.ts	New custom hook that manages scroll position state using context, debouncing, and DOM manipulation
apps/site/hooks/client/index.ts	Added export for the new useNavigationState hook
apps/site/components/withSidebar.tsx	Integrated scroll position preservation by using useNavigationState hook with a ref to the sidebar element

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[ovflowd]

I feel we're missing tests that verify the hook works as expected and scrolls to an element that was outside of the view.

[ovflowd]

Left a few nits, but SGTM! And thanks for the work and effort here 🙇

[avivkeller]

Can you pnpm version patch in packages/ui-components?

[malav2110]

Addressed nitpicks and ran pnpm version patch command in ui-packages directory. :)

[ovflowd]

SGTM, but left final two nits!