refactor: update icon usage to use mdi imports for consistency

src/views/Dashboard.vue

@@ -10,6 +10,7 @@
 </template>
 
 <script setup lang="ts">
+import { mdiAccountGroup, mdiBookOpenVariant, mdiCalendarCheck, mdiChartBar, mdiCog, mdiHammerWrench, mdiHome, mdiLayers, mdiLock, mdiMonitorShimmer, mdiSchool, mdiViewDashboard } from '@mdi/js'
 import { ref } from 'vue'
 import SKDashboard from '@/components/SKDashboard.vue'
 
@@ -21,7 +22,7 @@ const greetingTitle = ref('早安，王校長，開始您一天的工作吧！')
 const applications = ref([
   {
     name: '校務行政系統',
-    icon: 'mdi-school',
+    icon: mdiSchool,
     desc: '全校教職員工生學籍資料、人事資料、財產管理等核心系統入口。',
     group: '行政組',
     date: '2025-01-05',
@@ -29,7 +30,7 @@ const applications = ref([
   },
   {
     name: '數位學習平台',
-    icon: 'mdi-monitor-shimmer',
+    icon: mdiMonitorShimmer,
     desc: '提供線上課程、作業繳交、測驗評量與師生互動討論功能。',
     group: '教學組',
     date: '2025-01-02',
@@ -37,7 +38,7 @@ const applications = ref([
   },
   {
     name: '圖書館系統',
-    icon: 'mdi-book-open-variant',
+    icon: mdiBookOpenVariant,
     desc: '館藏查詢、圖書借閱、還書預約與電子書資源整合平台。',
     group: '圖書館',
     date: '2024-12-28',
@@ -45,7 +46,7 @@ const applications = ref([
   },
   {
     name: '學生請假系統',
-    icon: 'mdi-calendar-check',
+    icon: mdiCalendarCheck,
     desc: '學生線上請假申請、導師審核、生輔組備查流程電子化。',
     group: '學務處',
     date: '2024-12-25',
@@ -53,7 +54,7 @@ const applications = ref([
   },
   {
     name: '報修系統',
-    icon: 'mdi-hammer-wrench',
+    icon: mdiHammerWrench,
     desc: '校園設施設備故障通報、維修進度查詢與滿意度調查。',
     group: '總務處',
     date: '2024-12-20',
@@ -61,7 +62,7 @@ const applications = ref([
   },
   {
     name: '會議室預約',
-    icon: 'mdi-account-group',
+    icon: mdiAccountGroup,
     desc: '校內各大型會議室、視聽教室場地查詢與線上預約登記。',
     group: '總務處',
     date: '2024-12-15',
@@ -101,12 +102,12 @@ const announcements = ref([
 ])
 
 const quickNavs = ref([
-  { title: '首頁', icon: 'mdi-home', color: 'primary' },
-  { title: '控制台', icon: 'mdi-view-dashboard', color: 'error' },
-  { title: '組件', icon: 'mdi-layers', color: 'warning' },
-  { title: '系統管理', icon: 'mdi-cog', color: 'success' },
-  { title: '權限', icon: 'mdi-lock', color: 'purple' },
-  { title: '圖表', icon: 'mdi-chart-bar', color: 'info' },
+  { title: '首頁', icon: mdiHome, color: 'primary' },
+  { title: '控制台', icon: mdiViewDashboard, color: 'error' },
+  { title: '組件', icon: mdiLayers, color: 'warning' },
+  { title: '系統管理', icon: mdiCog, color: 'success' },
+  { title: '權限', icon: mdiLock, color: 'purple' },
+  { title: '圖表', icon: mdiChartBar, color: 'info' },
 ])
 
 const todos = ref([