fix: message theme

src/layout/index.tsx

@@ -1,9 +1,10 @@
 import { Theme } from '@/app/enum';
 import { useAppSelector } from '@/app/hooks';
+import globalMessage from '@/app/message';
 import { SettingOutlined } from '@ant-design/icons';
-import { Button, Image, Popover } from '@toco-design/components';
+import { App, Button, Image, Popover } from '@toco-design/components';
 import classNames from 'classnames';
-import { useCallback, useMemo } from 'react';
+import { useCallback, useEffect, useMemo } from 'react';
 import { useNavigate } from 'react-router-dom';
 import styles from './index.module.css';
 import { HeaderOnly, HeaderSider, SiderOnly } from './layouts';
@@ -24,6 +25,11 @@ const Layout: React.FC<LayoutProps> = (props) => {
   const { type: typeProp } = props;
   const theme = useAppSelector((state) => state.common.theme);
   const navigate = useNavigate();
+  const { message } = App.useApp();
+
+  useEffect(() => {
+    globalMessage.setMessage(message);
+  }, [message]);
 
   const Component = useMemo(() => {
     const type = typeProp ?? LayoutType.Default;