feat: extract theme provider

Author: harry-whorlow

packages/devtools-utils/src/solid/class-mount-impl.tsx

@@ -7,22 +7,17 @@ import type { JSX } from 'solid-js'
 export function __mountComponent(
   el: HTMLElement,
   theme: 'light' | 'dark',
-  importFn: () => Promise<{ default: () => JSX.Element }>,
+  importFn: () => Promise<{
+    default: (props: { theme: 'light' | 'dark' }) => JSX.Element
+  }>,
 ): () => void {
   const Component = lazy(importFn)
-  const ThemeProvider = lazy(() =>
-    import('@tanstack/devtools-ui').then((m) => ({
-      default: m.ThemeContextProvider,
-    })),
-  )
 
   return render(
     () => (
       <Portal mount={el}>
         <div style={{ height: '100%' }}>
-          <ThemeProvider theme={theme}>
-            <Component />
-          </ThemeProvider>
+          <Component theme={theme} />
         </div>
       </Portal>
     ),