feat: add app and config

src/modules/layout/Menu.tsx

@@ -3,8 +3,13 @@ import { useLayoutStore } from './store';
 import clsx from 'clsx';
 import { Button } from '@mui/material';
 import { message } from '@/modules/message';
-import { AppstoreOutlined, CodeOutlined, FolderOutlined, HomeOutlined, SmileOutlined, SwitcherOutlined } from '@ant-design/icons';
-import { X } from 'lucide-react';
+import HomeOutlined from '@ant-design/icons/HomeOutlined';
+import AppstoreOutlined from '@ant-design/icons/AppstoreOutlined';
+import FolderOutlined from '@ant-design/icons/FolderOutlined';
+import CodeOutlined from '@ant-design/icons/CodeOutlined';
+import SwitcherOutlined from '@ant-design/icons/SwitcherOutlined';
+import SmileOutlined from '@ant-design/icons/SmileOutlined';
+import { X, Settings } from 'lucide-react';
 import { useNewNavigate } from '../navicate';
 import { useTranslation } from 'react-i18next';
 
@@ -36,6 +41,7 @@ export const LayoutMenu = () => {
       icon: <SwitcherOutlined />,
       link: '/org/edit/list',
     },
+    { title: t('Config'), icon: <Settings size={16} />, link: '/config/edit/list' },
     {
       title: t('About'),
       icon: <SmileOutlined />,
@@ -72,7 +78,7 @@ export const LayoutMenu = () => {
                   }
                   setOpen(false);
                 }}>
-                <div className='w-6 h-6'>{item.icon}</div>
+                <div className='w-6 h-6 flex items-center justify-center'>{item.icon}</div>
                 <div>{item.title}</div>
               </div>
             );