refactor: update icon usage to use mdi imports for consistency

src/views/maint/MasterDetailMntB.vue

@@ -28,8 +28,8 @@ v-model="search.grade" density="compact" hide-details item-title="title" item-va
         <v-select v-model="search.status" density="compact" hide-details :items="statuses" variant="outlined" />
       </v-col>
       <v-col class="d-flex justify-end align-end flex-grow-1 ga-2" cols="12" md="auto">
-        <v-btn prepend-icon="mdi-broom" variant="text" @click="resetSearch">清除</v-btn>
-        <v-btn color="primary" disabled prepend-icon="mdi-magnify" variant="tonal">查詢</v-btn>
+        <v-btn :prepend-icon="mdiBroom" variant="text" @click="resetSearch">清除</v-btn>
+        <v-btn color="primary" disabled :prepend-icon="mdiMagnify" variant="tonal">查詢</v-btn>
       </v-col>
     </template>
     <template #table>
@@ -47,14 +47,14 @@ class="student-table" density="compact" fixed-header :headers="tableHeaders" hei
         </template>
         <template #[`item.actions`]="{ item }">
           <div class="d-flex ga-2">
-            <v-btn color="info" prepend-icon="mdi-eye" size="small" variant="text" @click="openViewDialog(item)">
+            <v-btn color="info" :prepend-icon="mdiEye" size="small" variant="text" @click="openViewDialog(item)">
               檢視
             </v-btn>
-            <v-btn color="primary" prepend-icon="mdi-pencil" size="small" variant="text" @click="openEditDialog(item)">
+            <v-btn color="primary" :prepend-icon="mdiPencil" size="small" variant="text" @click="openEditDialog(item)">
               修改
             </v-btn>
             <v-btn
-color="error" prepend-icon="mdi-delete" size="small" variant="text"
+color="error" :prepend-icon="mdiDelete" size="small" variant="text"
               @click="requestDeleteConfirmation(item)">
               刪除
             </v-btn>
@@ -255,7 +255,7 @@ v-model="confirmDeleteCourseVisible" confirm-color="error"
   <v-dialog v-model="addCourseDialogVisible" max-width="420" persistent>
     <v-card>
       <v-card-title class="d-flex align-center">
-        <v-icon color="primary" start>mdi-book-plus</v-icon>
+        <v-icon color="primary" start :icon="mdiBookPlus" />
         加入課程
       </v-card-title>
       <v-card-text>
@@ -290,6 +290,7 @@ v-model.number="addCourseForm.score" density="comfortable" hide-spin-buttons lab
 </template>
 
 <script setup lang="ts">
+import { mdiBookPlus, mdiBroom, mdiDelete, mdiEye, mdiMagnify, mdiPencil } from '@mdi/js'
 import { computed, nextTick, ref } from 'vue'
 import { useDisplay } from 'vuetify'