perf: publish change and panel to App

src/pages/app/edit/List.tsx

@@ -2,7 +2,7 @@ import { useShallow } from 'zustand/react/shallow';
 import { useUserAppStore } from '../store';
 import { useEffect } from 'react';
 import { Button, Form, Input, Modal, Select, Tooltip } from 'antd';
-import { DeleteOutlined, EditOutlined, LinkOutlined, PlusOutlined, UnorderedListOutlined } from '@ant-design/icons';
+import { CodeOutlined, DashboardOutlined, DeleteOutlined, EditOutlined, LinkOutlined, PlusOutlined, UnorderedListOutlined } from '@ant-design/icons';
 import { isObjectNull } from '@/utils/is-null';
 import { useNavigate } from 'react-router';
 import { FileUpload } from '../modules/FileUpload';
@@ -110,12 +110,22 @@ export const List = () => {
   }, []);
   return (
     <div className='w-full h-full flex bg-slate-100'>
-      <div className='p-2 h-full bg-white'>
+      <div className='p-2 h-full bg-white flex flex-col gap-2'>
         <Button
           onClick={() => {
             userAppStore.setShowEdit(true);
           }}
           icon={<PlusOutlined />}></Button>
+        <Tooltip title='To Panel'>
+          <Button onClick={() => navicate('/panel')} icon={<DashboardOutlined />}></Button>
+        </Tooltip>
+        <Tooltip title='To Container'>
+          <Button
+            onClick={() => {
+              navicate('/container');
+            }}
+            icon={<CodeOutlined />}></Button>
+        </Tooltip>
       </div>
       <div className='flex-grow'>
         <div className='w-full h-full p-4'>
@@ -145,7 +155,7 @@ export const List = () => {
                           <Button
                             icon={<UnorderedListOutlined />}
                             onClick={() => {
-                              navicate(`/app/${item.key}/verison/list`);
+                              navicate(`/app/${item.key}/version/list`);
                             }}></Button>
                         </Tooltip>
                         <Tooltip title={'App Version List'}>