fix: load pane in daftar gangguan

src/components/Pages/Gangguan/Daftar/DGangguan_RecoveryTime.vue

@@ -46,7 +46,7 @@
         :show-info="true"
         :show-navigation-buttons="true"
       />
-      <DxLoadPanel
+      <!-- <DxLoadPanel
         shading-color="rgba(0,0,0,0.4)"
         :position="position"
         :show-indicator="showIndicator"
@@ -55,7 +55,7 @@
         v-if="loading"
         v-model:visible="loading"
         :enabled="true"
-      />
+      /> -->
       <DxSearchPanel :visible="true" :highlight-case-sensitive="true" />
       <DxExport
         :enabled="true"
@@ -331,6 +331,8 @@
       </div>
     </div>
   </DetailDialog>
+
+  <BufferDialog v-if="loading" />
 </template>
 
 <script setup lang="ts">
@@ -357,6 +359,7 @@ import {
   exportToXLSX,
   exportToDOCX
 } from '@/report/Gangguan/Daftar/DGangguan_RecoveryTime'
+import BufferDialog from '@/components/Dialogs/BufferDialog.vue'
 
 const position = { of: '#data' }
 const showIndicator = ref(true)