fix: replace the TabItem values with general ones

[Efim-Kapliy]

It will be easier for the user if you replace the TabItem values with general ones, because if you select a tab in one of the code examples, TypeScript, then other examples change asynchronously (i.e. the code examples will remain in JavaScript, or vice versa).

[netlify[bot]]

✅ Deploy Preview for testing-library ready!

Name	Link
🔨 Latest commit	7caa8ef63ded9d3c2a9b672402f054f5c7827cf1
🔍 Latest deploy log	https://app.netlify.com/sites/testing-library/deploys/664cb7b486f70e00095eb4e9
😎 Deploy Preview	https://deploy-preview-1394--testing-library.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[MatanBobi]

Thanks @Efim-Kapliy but I'm not sure I'm following. Currently if a user changes a tab, the rest change accordingly. What is this PR aiming to solve?

[Efim-Kapliy]

Okay, now I'm going to try to explain with illustrative examples.

This is the option that is currently displayed asynchronously:

The expected, synchronous option:

I think it will be more understandable.

[MatanBobi]

Thanks, I was under the impression that these already work. What's the reason it's not working? The values were the same before (e.g. jsx/tsx), your change refactors it to be js/ts.

Edit: I understand now. We have one item with values of js/ts and two with values of jsx/tsx. Since these don't really affect the code styling as it's done in the markdown, were good with merging this. Do you want to align it across the entire docs?

[Efim-Kapliy]

Yes, that's right.

[timdeschryver]

@all-contributors please add @Efim-Kapliy for docs

[allcontributors[bot]]

@timdeschryver

I've put up a pull request to add @Efim-Kapliy! :tada: