<Tab> moves selected indicator from inside <button> to outside when hydrating

[bchu1]

Describe the bug
On the initial SSR render, the blue underline indicator is inside the button element of the tab. After hydration, the element is placed after all the tab <button>s. The causes the position to move.

To Reproduce
Steps to reproduce the behavior:

1. Go to https://cryoetdataportal.czscience.com/browse-data/datasets (Remix)
2. Notice the flicker of the selection indicator.
3. This is also reproducible in Next.js

Expected behavior
No flicker

[masoudmanson]

Hey @bchu1,

Thank you for reporting the bug, I'll check this out and let you know once the fix is ready. 😊🙏🏻