Force hidden TabPanels to render for SEO (#1450)

Ensure that hidden `<TabPanel>` content is crawlable by search engines
by forcing all tab panels to render while remaining visually hidden and
inert.

Author: oscarcarlstrom

.changeset/gentle-sides-draw.md

@@ -0,0 +1,5 @@
+---
+"@obosbbl/grunnmuren-react": patch
+---
+
+SEO fix for `<Tabs>`: Force hidden TabPanels to render, while being `inert` and visually hidden. This ensures that `<TabPanel>` content is always crawlable by search engines.

packages/react/src/tabs/tabs.tsx

@@ -281,9 +281,10 @@ function TabPanel(props: TabPanelProps) {
   return (
     <RACTabPanel
       {...restProps}
+      shouldForceMount
       className={cx(
         className,
-        'flex-1 data-focus-visible:outline-focus-offset',
+        'flex-1 data-inert:hidden data-focus-visible:outline-focus-offset',
       )}
     >
       {children}