fix: load pane in rekapitulasi gangguan

src/components/Pages/Gangguan/Rekap/RGangguan_JenisGangguan.vue

@@ -30,7 +30,7 @@
       <DxSelection mode="single" />
       <DxPaging :enabled="false" />
       <DxScrolling column-rendering-mode="virtual" mode="virtual" />
-      <DxLoadPanel
+      <!-- <DxLoadPanel
         shading-color="rgba(0,0,0,0.4)"
         :position="position"
         :show-indicator="showIndicator"
@@ -38,7 +38,7 @@
         :shading="shading"
         v-model:visible="loadingData"
         :enabled="true"
-      />
+      /> -->
       <DxSearchPanel :visible="true" :highlight-case-sensitive="true" />
       <DxExport
         :enabled="true"
@@ -426,6 +426,8 @@
       </template>
     </DxDataGrid>
   </div>
+
+  <BufferDialog v-if="loadingData" />
 </template>
 
 <script setup lang="ts">
@@ -453,6 +455,7 @@ import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers'
 import { exportToPDF, exportToXLSX } from '@/report/Gangguan/Rekap/RGangguan_JenisGangguan'
 import { apolloClient } from '@/utils/api/api.graphql'
 import { provideApolloClient } from '@vue/apollo-composable'
+import BufferDialog from '@/components/Dialogs/BufferDialog.vue'
 
 const client = apolloClient()
 provideApolloClient(client)