refactor: update icon usage to use mdi imports for consistency

src/views/maint/MasterDetailMnt.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-1">
-            <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>
@@ -79,11 +79,17 @@ class="dialog-overlay" :close-on-content-click="false" :model-value="dialogVisib
 v-if="!isMobile || activeMobilePanel === 'detail'" class="detail-panel-wrapper"
           :class="{ 'is-active': !!selectedSemesterId, 'is-mobile': isMobile }">
           <master-detail-semester-panel
-:detail-form="detailForm" :is-detail-editing="isDetailEditing"
-            :is-mobile="isMobile" :is-view-mode="isViewMode" :selected-semester="selectedSemester"
-            @add-course="addCourseToDetail" @cancel-edit="cancelDetailEdit" @close="closeDetailPanel"
-            @delete="handleDeleteSemester" @remove-course="removeCourseFromDetail" @save-edit="saveDetailEdit"
-            @start-edit="startDetailEdit" />
+            v-model:detail-form="detailForm"
+            :is-detail-editing="isDetailEditing"
+            :is-mobile="isMobile"
+            :is-view-mode="isViewMode"
+            :selected-semester="selectedSemester"
+            @cancel-edit="cancelDetailEdit"
+            @close="closeDetailPanel"
+            @delete="handleDeleteSemester"
+            @save-edit="saveDetailEdit"
+            @start-edit="startDetailEdit"
+          />
         </div>
 
         <!-- 主檔區塊 (Master Card)：學生基本資料與學期列表 -->
@@ -257,6 +263,7 @@ v-model="confirmNavigateVisible" confirm-text="確定切換" max-width="480"
 </template>
 
 <script setup lang="ts">
+import { mdiBroom, mdiDelete, mdiEye, mdiMagnify, mdiPencil } from '@mdi/js'
 import { computed, nextTick, ref } from 'vue'
 import { useDisplay } from 'vuetify'