Implement tabbed code examples in documentation for language and package managers

[schaable]

Currently, our docs display code examples inconsistently: some pages use JavaScript, others use TypeScript, and a few use tabs for both. The same applies to the package managers.

To improve user experience, we should standardize using tabs for all code examples to switch between JavaScript | TypeScript and package managers (npm 7+ | npm 6 | yarn | pnpm), similar to what's done here.

[lilpolymath]

This looks like it is going to be quite an update. Can I work on this? I would like to work on improving the docs.

[kanej]

Is this mainly in the plugin docs? Or is it in the core guides that we have these inconsistencies?

We should keep in mind that we will likely need a major docs overhaul for the upcoming Hardhat V3 effort. But we definitely want to standardize.

[lilpolymath]

@kanej I skimmed through the docs and it happens in both the plugin docs and the core guides.

When is the scheduled release for Hardhat V3? I think it is best to start planning towards overhauling the guides incrementally because of the community.

[kanej]

@lilpolymath we are still in the planning stages.
Any PRs that make our docs more consistent are always appreciated.

[lilpolymath]

@kanej Alright then. Is there anyone who works on the documentation full-time that I can sync efforts with?

[kanej]

@kanej Alright then. Is there anyone who works on the documentation full-time that I can sync efforts with?

No, it is a shared responsibility of the team.