Anchor links in various documentation component previews are broken

[jeremyong]

Describe the bug
Visiting the documentation at primer.css, many of the component previews control navigation via anchor links in some manner, and attempting to navigate to the anchor ultimately reloads the site in the preview as opposed to working as intended.

To Reproduce
Steps to reproduce the behavior:

1. Go to https://primer.style/css/components/tabnav
2. Click on any of the tabs
3. Observe the issue

Expected behavior
Components should behave in the preview as you would expect during development and production.

Screenshots

After clicking, "Bar tab", this becomes:

Desktop (please complete the following information):

• OS: Windows
• Browser Chrome
• Version 111.0.5563.147

Additional context
Other components like the subnav also seem to exhibit this issue, but I didn't go through to identify every instance.

[devjiwonchoi]

The documentation of this repo is not maintained anymore.
Please raise any documentation-specific pull requests in primer.style/design.

[janbrasna]

This was true for old Gatsby docs.

Now the same in React/Storybook https://primer.style/components/tab-nav/react/alpha does something even worse;] — reloading the whole iframe.html? to top location. Interestingly the Rails examples do have links to view-components-storybook.eastus.cloudapp.azure.com* but they are inactive, so can be clicked etc. with no reloading.

[tallys]

@emilybrick let's add this to our next docs discussion