style: improve code structure and enhance rendering of tab panel children

Author: LadyBluenotes

src/components/Markdown.tsx

@@ -216,7 +216,6 @@ const options: HTMLReactParserOptions = {
               }
             }
 
-            // Default tabs variant
             const tabs = attributes.tabs
             const id =
               attributes.id || `tabs-${Math.random().toString(36).slice(2, 9)}`
@@ -230,9 +229,11 @@ const options: HTMLReactParserOptions = {
                 child instanceof Element && child.name === 'md-tab-panel',
             )
 
-            const children = panelElements?.map((panel) =>
-              domToReact(panel.children as any, options),
-            )
+            const children = panelElements?.map((panel) => {
+              const result = domToReact(panel.children as any, options)
+              // Wrap in fragment to ensure it's a single React node
+              return <>{result}</>
+            })
 
             return <Tabs id={id} tabs={tabs} children={children as any} />
           }

src/components/Tabs.tsx

@@ -29,17 +29,19 @@ export function Tabs({
   const framework = params?.framework ?? undefined
 
   const [internalActiveSlug, setInternalActiveSlug] = React.useState(() => {
-    const match = framework ? tabsProp.find((tab) => tab.slug === framework) : undefined
+    const match = framework
+      ? tabsProp.find((tab) => tab.slug === framework)
+      : undefined
     return match?.slug ?? tabsProp[0]?.slug ?? ''
   })
 
   const activeSlug = controlledActiveSlug ?? internalActiveSlug
   const setActiveSlug = React.useCallback(
     (slug: string) => {
       if (onTabChange) {
-        onTabChange(slug);
+        onTabChange(slug)
       } else {
-        setInternalActiveSlug(slug);
+        setInternalActiveSlug(slug)
       }
     },
     [onTabChange],

src/utils/markdown/plugins/transformTabsComponent.ts

@@ -234,7 +234,6 @@ function extractFrameworkData(node: HastNode): FrameworkExtraction | null {
 
   for (const child of children) {
     if (isHeading(child)) {
-
       currentFramework = toString(child as any)
         .trim()
         .toLowerCase()