feat: improve react plugin handling to support contexts

Author: AlemTuzlak

packages/devtools/src/tabs/plugins-tab.tsx

@@ -2,7 +2,7 @@ import { For, createEffect } from 'solid-js'
 import clsx from 'clsx'
 import { usePlugins } from '../context/use-devtools-context'
 import { useStyles } from '../styles/use-styles'
-import { PLUGIN_TITLE_CONTAINER_ID, PLUGIN_CONTAINER_ID } from '../constants'
+import { PLUGIN_CONTAINER_ID, PLUGIN_TITLE_CONTAINER_ID } from '../constants'
 
 export const PluginsTab = () => {
   const { plugins, activePlugin, setActivePlugin } = usePlugins()

packages/react-devtools/src/devtools.tsx

@@ -1,12 +1,12 @@
 import React, { useEffect, useRef, useState } from 'react'
 import {
-  TanStackRouterDevtoolsCore,
   PLUGIN_CONTAINER_ID,
   PLUGIN_TITLE_CONTAINER_ID,
+  TanStackRouterDevtoolsCore,
 } from '@tanstack/devtools'
+import { createPortal } from 'react-dom'
 import type { JSX } from 'react'
 import type { DevtoolsOptions, DevtoolsPlugin } from '@tanstack/devtools'
-import { createPortal } from 'react-dom'
 
 type Render = JSX.Element | (() => JSX.Element)
 type ReactPlugin = Omit<DevtoolsPlugin, 'render' | 'name'> & {