chore: update docs

Author: mathuo

.codesandbox/ci.json

@@ -7,7 +7,6 @@
   ],
   "sandboxes": [
     "/packages/docs/sandboxes/constraints-dockview",
-    "/packages/docs/sandboxes/customheader-dockview",
     "/packages/docs/sandboxes/demo-dockview",
     "/packages/docs/sandboxes/dnd-dockview",
     "/packages/docs/sandboxes/dockview-app",

packages/docs/docs/core/dnd/dragAndDrop.mdx

@@ -6,7 +6,6 @@ sidebar_position: 1
 import useBaseUrl from '@docusaurus/useBaseUrl';
 import { MultiFrameworkContainer } from '@site/src/components/ui/container';
 import DockviewExternalDnd from '@site/sandboxes/externaldnd-dockview/src/app';
-import LiveExample from '@site/src/components/ui/exampleFrame';
 
 import { DocRef } from '@site/src/components/ui/reference/docRef';
 
@@ -19,7 +18,7 @@ The dock makes heavy use of drag and drop functionalities.
   ]}
   />
 
-<LiveExample framework='react' id='dockview/dnd-events' />
+<CodeRunner framework='react' id='dockview/dnd-events' />
 
 
 # Drag And Drop

packages/docs/docs/core/dnd/external.mdx

@@ -6,7 +6,6 @@ sidebar_position: 3
 External Dnd events can be intercepted through a number of utilities.
 
 import { DocRef } from '@site/src/components/ui/reference/docRef';
-import LiveExample from '@site/src/components/ui/exampleFrame';
 
 <DocRef declaration="DockviewApi"
   methods={['onDidDrop', 'onUnhandledDragOverEvent']}
@@ -16,4 +15,4 @@ import LiveExample from '@site/src/components/ui/exampleFrame';
 
 You can intercept drag events to attach your own metadata using the `onWillDragPanel` and `onWillDragGroup` api methods.
 
-<LiveExample framework='react' id="dockview/dnd-external" />
+<CodeRunner id="dockview/dnd-external" />

packages/docs/docs/core/panels/update.mdx

@@ -4,7 +4,6 @@ sidebar_position: 2
 ---
 
 import { DocRef } from '@site/src/components/ui/reference/docRef';
-import LiveExample from '@site/src/components/ui/exampleFrame';
 
 This section describes how to update the parameters of a panel.