perf: publish change and panel to App

src/pages/container/edit/List.tsx

@@ -6,7 +6,17 @@ import { useShallow } from 'zustand/react/shallow';
 import { Form } from 'antd';
 import copy from 'copy-to-clipboard';
 import { useNavigate } from 'react-router';
-import { EditOutlined, SettingOutlined, LinkOutlined, SaveOutlined, DeleteOutlined, LeftOutlined, MessageOutlined, PlusOutlined } from '@ant-design/icons';
+import {
+  EditOutlined,
+  SettingOutlined,
+  LinkOutlined,
+  SaveOutlined,
+  DeleteOutlined,
+  LeftOutlined,
+  MessageOutlined,
+  PlusOutlined,
+  DashboardOutlined,
+} from '@ant-design/icons';
 import clsx from 'clsx';
 import { isObjectNull } from '@/utils/is-null';
 import { CardBlank } from '@/components/card/CardBlank';
@@ -125,8 +135,13 @@ export const ContainerList = () => {
   };
   return (
     <div className='w-full h-full flex '>
-      <div className='p-2'>
-        <Button onClick={onAdd} icon={<PlusOutlined />}></Button>
+      <div className='p-2 flex flex-col gap-2'>
+        <Tooltip title='add'>
+          <Button onClick={onAdd} icon={<PlusOutlined />}></Button>
+        </Tooltip>
+        <Tooltip title='To Panel'>
+          <Button onClick={() => navicate('/panel')} icon={<DashboardOutlined />}></Button>
+        </Tooltip>
       </div>
       <div className='flex flex-grow overflow-hidden h-full'>
         <div className='flex-grow overflow-auto scrollbar bg-gray-100'>
@@ -200,12 +215,12 @@ export const ContainerList = () => {
                   </Fragment>
                 );
               })}
-            <CardBlank className='w-[400px]' />
             {containerStore.list.length == 0 && (
               <div className='text-center' key={'no-data'}>
                 No Data
               </div>
             )}
+            <CardBlank className='w-[400px]' />
           </div>
         </div>
         <div className={clsx('bg-gray-100 border-l border-bg-slate-300 w-[600px] flex-shrink-0', !codeEdit && 'hidden')}>