feat: Implement detailed semester management components

src/views/maint/MasterDetailB.vue

@@ -185,7 +185,7 @@
       @update:model-value="handleDialogVisibility"
     >
       <div class="dialog-panel" :class="{ 'is-mobile': isMobile }">
-        <master-detail-b-semester-mobile-panel
+        <DetailFullHeightPanel
           v-if="isMobile && activeMobilePanel === 'detail'"
           :is-form-locked="isFormLocked"
           :is-view-mode="isViewMode"
@@ -267,7 +267,7 @@
               ]"
               @submit.prevent="requestSaveConfirmation"
             >
-              <master-form-fields
+              <MasterFileFormFields
                 :departments="departments"
                 :enroll-years="enrollYears"
                 :field-errors="fieldErrors"
@@ -281,7 +281,7 @@
 
               <v-divider />
 
-              <master-detail-b-semester-section
+              <DetailCollapseGropus
                 :is-form-locked="isFormLocked"
                 :is-form-readonly="isFormReadonly"
                 :is-mobile="isMobile"
@@ -503,9 +503,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 MasterDetailBSemesterMobilePanel from '@/components/maint/master-detail/SemesterMobilePanel.vue'
-import MasterDetailBSemesterSection from '@/components/maint/master-detail/SemesterSection.vue'
+import DetailCollapseGropus from '@/components/maint/master-detail/DetailCollapseGropus.vue'
+import DetailFullHeightPanel from '@/components/maint/master-detail/DetailFullHeightPanel.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'