refactor: 重构图标使用方式，集成自定应图标

src/layout/components/header/components/FullScreen.vue

@@ -1,12 +1,11 @@
 <template>
   <n-icon mr20 size="18" style="cursor: pointer" @click="toggle">
-    <IconFullscreenExit v-if="isFullscreen" />
-    <IconFullscreen v-else />
+    <icon-ant-design:fullscreen-outlined v-if="isFullscreen" />
+    <icon-ant-design:fullscreen-outlined v-else />
   </n-icon>
 </template>
 
 <script setup>
-import { IconFullscreen, IconFullscreenExit } from '@/components/AppIcons'
 import { useFullscreen } from '@vueuse/core'
 
 const { isFullscreen, toggle } = useFullscreen()

src/layout/components/header/components/GithubSite.vue

@@ -1,11 +1,10 @@
 <template>
   <n-icon mr20 size="18" style="cursor: pointer" @click="handleLinkClick">
-    <IconGithub />
+    <icon-mdi:github />
   </n-icon>
 </template>
 
 <script setup>
-import { IconGithub } from '@/components/AppIcons'
 function handleLinkClick() {
   window.open('https://github.com/zclzone/vue-naive-admin')
 }

src/layout/components/header/components/MenuCollapse.vue

@@ -1,12 +1,11 @@
 <template>
   <n-icon size="20" style="cursor: pointer" @click="appStore.switchCollapsed">
-    <IconMenuExpand v-if="appStore.collapsed" />
-    <IconMenuCollapse v-else />
+    <icon-mdi:format-indent-increase v-if="appStore.collapsed" />
+    <icon-mdi:format-indent-decrease v-else />
   </n-icon>
 </template>
 
 <script setup>
-import { IconMenuCollapse, IconMenuExpand } from '@/components/AppIcons'
 import { useAppStore } from '@/store/modules/app'
 
 const appStore = useAppStore()

src/layout/components/header/components/UserAvatar.vue

@@ -9,7 +9,6 @@
 
 <script setup>
 import { useUserStore } from '@/store/modules/user'
-import { IconExit } from '@/components/AppIcons'
 import { renderIcon } from '@/utils/icon'
 
 const userStore = useUserStore()
@@ -18,7 +17,7 @@ const options = [
   {
     label: '退出登录',
     key: 'logout',
-    icon: renderIcon(IconExit, { size: '14px' }),
+    icon: renderIcon('mdi:exit-to-app', { size: '14px' }),
   },
 ]