feat: 修复Container界面和File App 和 User App

User App 添加permission

src/modules/layout/Menu.tsx

@@ -1,7 +1,7 @@
 import { useShallow } from 'zustand/react/shallow';
 import { useLayoutStore } from './store';
 import clsx from 'clsx';
-import { Button } from 'antd';
+import { Button } from '@mui/material';
 import { message } from '@/modules/message';
 import {
   AppstoreOutlined,
@@ -16,6 +16,7 @@ import {
   SmileOutlined,
   SwitcherOutlined,
 } from '@ant-design/icons';
+import { X } from 'lucide-react';
 import { useNewNavigate } from '../navicate';
 const meun = [
   {
@@ -58,11 +59,13 @@ export const LayoutMenu = () => {
         onClick={() => {
           setOpen(false);
         }}></div>
-      <div className='w-[300px] h-full absolute top-0 left-0 bg-white'>
+      <div className='w-[300px] h-full absolute top-0 left-0 bg-amber-900 text-primary'>
         <div className='flex justify-between p-6 mt-4 font-bold items-center'>
           Envision Center
           <div>
-            <Button icon={<CloseOutlined />} onClick={() => setOpen(false)}></Button>
+            <Button onClick={() => setOpen(false)}>
+              <X />
+            </Button>
           </div>
         </div>
         <div className='mt-3 font-medium'>
@@ -70,7 +73,7 @@ export const LayoutMenu = () => {
             return (
               <div
                 key={index}
-                className='flex items-center p-4 gap-3 cursor-pointer hover:bg-slate-200 rounded-md'
+                className='flex items-center p-4 gap-3 cursor-pointer hover:bg-secondary hover:text-white rounded-md'
                 onClick={() => {
                   if (item.link) navigate(`${item.link}`);
                   else {

src/modules/layout/index.tsx

@@ -1,5 +1,5 @@
 import { MenuOutlined, SwapOutlined } from '@ant-design/icons';
-import { Button, Tooltip } from 'antd';
+import { Tooltip } from 'antd';
 import { Outlet } from 'react-router-dom';
 import { LayoutMenu } from './Menu';
 import { useLayoutStore, usePlatformStore } from './store';
@@ -9,7 +9,7 @@ import { LayoutUser } from './LayoutUser';
 import PandaPNG from '@/assets/panda.png';
 import { Panel, PanelGroup, PanelResizeHandle } from 'react-resizable-panels';
 import clsx from 'clsx';
-
+import { IconButton as Button } from '@mui/material';
 type LayoutMainProps = {
   title?: React.ReactNode;
   children?: React.ReactNode;
@@ -50,7 +50,7 @@ export const LayoutMain = (props: LayoutMainProps) => {
     <div className='flex w-full h-full flex-col relative'>
       <LayoutMenu />
       <div
-        className={clsx('layout-menu items-center', !mount && '!invisible')}
+        className={clsx('layout-menu items-center ', !mount && '!invisible')}
         style={{
           cursor: isElectron ? 'move' : 'default',
         }}>
@@ -58,19 +58,21 @@ export const LayoutMain = (props: LayoutMainProps) => {
           className={clsx('mr-4 cursor-pointer no-drag', isMac && 'ml-16')}
           onClick={() => {
             menuStore.setOpen(true);
-          }}
-          icon={<MenuOutlined />}></Button>
-        <div className='flex grow justify-between'>
+          }}>
+          <MenuOutlined />
+        </Button>
+        <div className='flex grow justify-between pl-4 items-center'>
           {props.title}
           <div className='mr-4 flex gap-4 items-center no-drag'>
             {menuStore.me?.type === 'org' && (
               <div>
                 <Tooltip title='Switch To User'>
                   <Button
-                    icon={<SwapOutlined />}
                     onClick={() => {
                       menuStore.switchOrg('', 'user');
-                    }}></Button>
+                    }}>
+                    <SwapOutlined />
+                  </Button>
                 </Tooltip>
               </div>
             )}