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

src/components/base/SKSearchFilter.vue

@@ -1,7 +1,7 @@
 <template>
   <v-card class="bg-surface mb-4" v-bind="$attrs">
     <v-card-text>
-      <v-row dense>
+      <v-row density="compact">
         <!-- Dynamic Search Fields -->
         <v-col
           v-for="field in visibleFields"
@@ -10,7 +10,7 @@
           :lg="field.meta?.lg || field.lg"
           :md="field.meta?.md || field.md"
         >
-          <v-row class="ma-0" dense>
+          <v-row class="ma-0" density="compact">
             <v-col class="d-flex align-center justify-start justify-md-end" cols="12" md="4">
               <span class="text-body-1">{{ field.label }}</span>
             </v-col>
@@ -132,11 +132,11 @@ for (const field of props.fields) {
   searchState[field.key] = field.type === 'select' ? null : ''
 }
 
-function handleSearch () {
+function handleSearch() {
   emit('search', { ...searchState })
 }
 
-function handleReset () {
+function handleReset() {
   // Reset all fields
   for (const field of props.fields) {
     searchState[field.key] = field.type === 'select' ? null : ''

src/components/base/dashboard/DashboardQuickNav.vue

@@ -4,7 +4,7 @@
       {{ title }}
     </v-card-title>
     <v-card-text class="pa-4">
-      <v-row dense>
+      <v-row density="compact">
         <v-col v-for="(nav, i) in navs" :key="i" class="text-center mb-2" cols="4">
           <v-btn
             class="mb-1"