fix(docs): update VariantItem link implementation and separate CLI version docs Closes npm/cli#8414

[Mohit5Upadhyay]

Description

This PR addresses npm/cli#8414, which reports that switching versions using the CLI version dropdown does not properly update the displayed documentation.

Changes

• Refactored VariantItem component:

These changes ensure that when users switch CLI versions from the dropdown, the documentation updates correctly to display the appropriate content for each version.

---

Updated

docs-version-updated-npm.mp4

References

Closes npm/cli#8414

[Mohit5Upadhyay]

Hi @leobalter and @wraithgar!

This PR fixes the dropdown issue from npm/cli#8414.
I’d love your feedback and am happy to make further improvements if needed.

Thanks for your time and review!

[owlstronaut]

@Mohit5Upadhyay this is a great start -- It fixes the real bug.

Issue found during testing: The dropdown no longer closes when selecting a version. The navigation works correctly, but the dropdown stays open.

To reproduce:

1. Open CLI version dropdown
2. Select a different version
3. Notice dropdown remains open

This worked in the original implementation because ActionList.Item handled both navigation and closing. With the new nested structure, we've lost the auto-close behavior.

Additional, now you are familiar with the linting on the project 😄

[Mohit5Upadhyay]

Hi @owlstronaut! 👋

Thanks so much for your feedback.

I’ve updated the implementation to close the dropdown when switching versions by using useLocationChange and a useEffect to handle navigation changes. This should restore the expected auto-close behavior you pointed out.
I’ve also run Prettier to ensure everything is properly formatted.

Updated

dropdownbox-close-version-change.mp4

Let me know if there’s anything else I should tweak or improve!
Thanks again for your thorough review. 🚀