fix(theme): refactor Tabs, make groupId + queryString work fine together

[slorber]

Motivation

Fix #8473 (groupId/localStorage sync regression)

Much needed component refactor, make it easier to reason about and move most of the technical code to theme-common

Test Plan

Unit tests + preview

Test links

• https://deploy-preview-8486--docusaurus-2.netlify.app/docs/markdown-features/tabs

A good case to test: select "ios" on the 2nd/last tabs with a groupId (this will be persisted in localstorage)

• https://deploy-preview-8486--docusaurus-2.netlify.app/docs/markdown-features/tabs#query-string => show "android" + "ios"
• https://deploy-preview-8486--docusaurus-2.netlify.app/docs/markdown-features/tabs?current-os=android#query-string => shows "android" for both
• https://deploy-preview-8486--docusaurus-2.netlify.app/docs/markdown-features/tabs?current-os=ios#query-string => shows "ios" for both

(querystring wins over localstorage on purpose)

Related issues/PRs

Supersed #8483

[netlify]

✅ [V2]

Name	Link
🔨 Latest commit	3acb760
🔍 Latest deploy log	https://app.netlify.com/sites/docusaurus-2/deploys/63ad7390a4299200094f3c6a
😎 Deploy Preview	https://deploy-preview-8486--docusaurus-2.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 settings.

[github-actions]

⚡️ Lighthouse report for the deploy preview of this PR

URL	Performance	Accessibility	Best Practices	SEO	PWA	Report
/	🟠 80	🟢 97	🟢 100	🟢 100	🟢 90	Report
/docs/installation	🟠 74	🟢 100	🟢 100	🟢 100	🟢 90	Report

[slorber]

If anyone want to review this asap please let me know otherwise I'd like to merge it and do a release tomorrow

[github-actions]

Size Change: +95 B (0%)

Total Size: 888 kB

Filename	Size	Change
website/build/assets/js/main.********.js	665 kB	+95 B (0%)

ℹ️ View Unchanged

Filename	Size
website/.docusaurus/globalData.json	70.8 kB
website/build/assets/css/styles.********.css	112 kB
website/build/index.html	40.9 kB

_{compressed-size-action}

[0916dhkim]

Using useSyncExternalStore hook makes much more sense than using React context 👍

[slorber]

LocalStorage sync now also works across windows 🥳

CleanShot.2022-12-29.at.12.00.20.mp4