feat(api): add link to json docs

[sethetter]

Description

This PR adds links to the JSON version of API doc pages by mirroring the EditLink component visually and using the title and version to build a link to the JSON docs hosted on nodejs.org.

Related Issues

#2894

Check List

• I have read the Contributing Guidelines and made commit messages that follow the guideline.
• I have run npm run lint:js -- --fix and/or npm run lint:md -- --fix for my JavaScript and/or Markdown changes.
  • This is important as most of the cases your code changes might not be correctly linted
• I have run npm run test to check if all tests are passing, and/or npm run test -- -u to update snapshots if I created and/or updated React Components.
• I have checked that the build works locally and that npm run build work fine.
• I've covered new added functionality with unit tests if necessary.

[github-actions]

Please find a preview at: https://staging.nodejs.dev/2911/

[sethetter]

@ovflowd let me know if there's anything to address here! Also if you don't mind throwing the hacktoberfest-accepted label on this (if it meets standards of course) I'd greatly appreciate it :)

[codecov-commenter]

Codecov Report

Base: 66.02% // Head: 67.05% // Increases project coverage by +1.03% 🎉

Coverage data is based on head (b78cddb) compared to base (fd57b87).
Patch has no changes to coverable lines.

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #2911      +/-   ##
==========================================
+ Coverage   66.02%   67.05%   +1.03%     
==========================================
  Files         118      137      +19     
  Lines        1351     1536     +185     
  Branches      342      359      +17     
==========================================
+ Hits          892     1030     +138     
- Misses        422      464      +42     
- Partials       37       42       +5     

Impacted Files	Coverage Δ
src/__fixtures__/hooks.tsx	100.00% <ø> (ø)
src/__fixtures__/page.tsx	94.11% <ø> (-5.89%)	⬇️
...components/ApiComponents/Components/ApiHeading.tsx	100.00% <ø> (+100.00%)	⬆️
...rc/components/ApiComponents/Components/ApiLink.tsx	100.00% <ø> (+100.00%)	⬆️
...onents/ApiComponents/Components/JsonLink/index.tsx	100.00% <ø> (ø)
...ents/ApiComponents/Components/SourceLink/index.tsx	50.00% <ø> (+50.00%)	⬆️
...ApiComponents/Components/VersionSelector/index.tsx	100.00% <ø> (+100.00%)	⬆️
src/components/ApiComponents/index.tsx	100.00% <ø> (+100.00%)	⬆️
src/components/ArticleComponents/Alert/index.tsx	100.00% <ø> (ø)
...ents/ArticleComponents/AuthorList/Author/index.tsx	88.88% <ø> (ø)
... and 172 more

Help us with your feedback. Take ten seconds to tell us how you rate us. Have a feature suggestion? Share it here.

☔ View full report at Codecov.
📢 Do you have feedback about the report comment? Let us know in this issue.

[ovflowd]

Hey @sethetter I haven't had time to review this PR yet and to check the preview. Will do asap 🙃

[benhalverson]

[benhalverson]

Just need to resolve the conflict. Thanks for working on this issue 👍🏻

[AugustinMauroy]

LGTM 💯

[ovflowd]

Needs a rebase 😅 (Probably needs to be added to src/components/ApiComponents/Components

And do the changes I mentioned before 🙏

[sethetter]

@ovflowd @benhalverson alright I think everything is addressed and ready to merge!

Thanks everyone for the feedback and review :)

[ovflowd]

@sethetter I believe you still forgot to move the component to the src/components/ApiComponents/Components folder 👀 and export it on src/components/ApiComponents/Components/index.ts

[github-actions]

Please find a preview at: https://staging.nodejs.dev/2911/

[sethetter]

@ovflowd alright, feedback addressed!

[ovflowd]

There are still a few things to be done 😅

[ovflowd]

Amazing! Thank you so much for this contribution! Everything looks great ;D