fix: alignment and summary in monalisa rekapitulasi keluhan per jenis keluhan

src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_GangguanPerJenisGangguan.vue

@@ -1,7 +1,13 @@
 <template>
-  <Filters @run-search="() => filterData(filters)" :report-button="true" class="mb-4">
+  <Filters
+    @reset-form="data = []"
+    @run-search="() => filterData(filters)"
+    :report-button="true"
+    class="mb-4"
+  >
     <Type2 @update:filters="(value) => (filters = value)" />
   </Filters>
+
   <div id="data">
     <DxDataGrid
       class="max-h-[calc(100vh-140px)] mb-10"
@@ -169,6 +175,7 @@ const showPane = ref(true)
 const data = ref<any[]>([])
 const dataDetail = ref<any>()
 const showDetail = ref(false)
+
 const { onResult, onError, loading, refetch } = useQuery(
   queries.monalisa.gangguan.rekap.gangguanPerJenisGangguan,
   {
@@ -180,6 +187,7 @@ const { onResult, onError, loading, refetch } = useQuery(
     idUlp: 0
   }
 )
+
 const filterData = (params: any) => {
   const { regional, ulp, uid, up3, bulan, tahun } = params