feat: Implement detailed semester management components

src/views/maint/MasterDetailA.vue

@@ -192,7 +192,7 @@
           class="detail-panel-wrapper"
           :class="{ 'is-active': !!selectedSemesterId, 'is-mobile': isMobile }"
         >
-          <master-detail-semester-panel
+          <DetailSidePanel
             v-model:detail-form="detailForm"
             :is-detail-editing="isDetailEditing"
             :is-mobile="isMobile"
@@ -268,7 +268,7 @@
               :class="{ 'form-readonly': isFormReadonly }"
               @submit.prevent="requestSaveConfirmation"
             >
-              <master-form-fields
+              <MasterFileFormFields
                 :departments="departments"
                 :enroll-years="enrollYears"
                 :field-errors="fieldErrors"
@@ -284,7 +284,7 @@
 
               <!-- 學期成績紀錄區塊 -->
               <!-- 說明：顯示該學生的所有學期紀錄，並提供新增與選取功能 -->
-              <master-detail-semester-list
+              <DetailNavigation
                 :is-mobile="isMobile"
                 :is-view-mode="isViewMode"
                 :selected-semester-id="selectedSemesterId"
@@ -424,9 +424,9 @@ import { computed, nextTick, ref, watch } from 'vue'
 import { useDisplay } from 'vuetify'
 
 import ConfirmDialog from '@/components/maint/CommonConfirmDialog.vue'
-import MasterFormFields from '@/components/maint/MasterFormFields.vue'
-import MasterDetailSemesterList from '@/components/maint/master-detail/SemesterList.vue'
-import MasterDetailSemesterPanel from '@/components/maint/master-detail/SemesterPanel.vue'
+import DetailNavigation from '@/components/maint/master-detail/DetailNavigation.vue'
+import DetailSidePanel from '@/components/maint/master-detail/DetailSidePanel.vue'
+import MasterFileFormFields from '@/components/maint/MasterFileFormFields.vue'
 import MntDialogCard from '@/components/maint/MntDialogCard.vue'
 import MntRecordNavToolbar from '@/components/maint/MntRecordNavToolbar.vue'
 import PageMaint from '@/components/maint/PageMaint.vue'