refactor: update row density to compact in various components for improved layout

src/components/maintenance/EditableStudentGrid.vue

@@ -8,14 +8,16 @@
         </v-chip>
         <v-chip color="info" variant="tonal">筆數 {{ filteredStudents.length }}</v-chip>
         <v-spacer />
-        <v-btn flat :prepend-icon="mdiMagnify" @click="isSearchVisible = !isSearchVisible">條件搜尋</v-btn>
+        <v-btn flat :prepend-icon="mdiMagnify" @click="isSearchVisible = !isSearchVisible"
+          >條件搜尋</v-btn
+        >
         <v-switch v-model="isBulkEditEnabled" color="primary" hide-details label="啟用編輯" />
       </v-card-title>
 
       <v-divider />
 
       <v-card-text class="pb-0 pt-2">
-        <v-row v-if="isSearchVisible" class="mb-2" dense>
+        <v-row v-if="isSearchVisible" class="mb-2" density="compact">
           <v-col cols="12" md="3">
             <div class="text-body-1 text-medium-emphasis pl-2">學號</div>
             <v-text-field
@@ -52,7 +54,7 @@
           </v-col>
         </v-row>
 
-        <v-row v-if="isBulkEditEnabled" align="center" class="mb-2 ga-1" dense>
+        <v-row v-if="isBulkEditEnabled" align="center" class="mb-2 ga-1" density="compact">
           <v-btn
             :disabled="!hasSelectedRows"
             :prepend-icon="mdiDelete"