feat(devtools): extract theme to devtool components

.changeset/long-corners-repair.md

@@ -0,0 +1,5 @@
+---
+'@tanstack/pacer-devtools': patch
+---
+
+Moves devtools theme to the component to avoid theme miss-match.

packages/pacer-devtools/src/components/index.tsx

@@ -0,0 +1,16 @@
+import { PacerContextProvider } from '../PacerContextProvider'
+import { Shell } from './Shell'
+
+import { ThemeContextProvider } from '@tanstack/devtools-ui'
+
+import type { DevtoolProps } from '@tanstack/devtools-utils/solid'
+
+export default function PacerDevtools(props: DevtoolProps) {
+  return (
+    <ThemeContextProvider theme={props.theme}>
+      <PacerContextProvider>
+        <Shell />
+      </PacerContextProvider>
+    </ThemeContextProvider>
+  )
+}

packages/pacer-devtools/src/core.tsx

@@ -3,7 +3,7 @@ import { constructCoreClass } from '@tanstack/devtools-utils/solid'
 export interface PacerDevtoolsInit {}
 
 const [PacerDevtoolsCore, PacerDevtoolsCoreNoOp] = constructCoreClass(
-  () => import('./PacerDevtools'),
+  () => import('./components'),
 )
 
 export { PacerDevtoolsCore, PacerDevtoolsCoreNoOp }