feat: update demo app

packages/dockview-demo/src/layout-grid/sidebar.tsx

@@ -9,7 +9,6 @@ import {
     PaneviewDropEvent,
 } from 'dockview';
 import { ControlCenter } from './controlCenter';
-import { toggleClass } from '../dom';
 import './sidebar.scss';
 
 const components = {
@@ -33,7 +32,7 @@ export const Sidebar = (props: IGridviewPanelProps) => {
 
         event.api.addPanel({
             id: '1',
-            component: 'default',
+            component: 'controlCenter',
             title: 'Control Center',
         });
         event.api.addPanel({

packages/dockview-demo/src/services/viewRegistry.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import { ControlCenter } from '../layout-grid/controlCenter';
 
 export interface RegisteredView {
     id: string;
@@ -50,19 +51,7 @@ VIEW_REGISTRY.register({
     title: 'Home',
     icon: 'home',
     isLocationEditable: true,
-    component: () => {
-        return (
-            <div
-                style={{
-                    backgroundColor: 'lightblue',
-                    color: 'black',
-                    height: '100%',
-                }}
-            >
-                Home
-            </div>
-        );
-    },
+    component: ControlCenter,
 });
 VIEW_REGISTRY.register({
     id: 'account_widget',