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 {