Refactor dialogDetail variable names in Vue components

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

@@ -131,7 +131,7 @@
   </div>
 
   <DetailDialog
-    :open="showDetail"
+    :open="dialogDetail"
     title="Detail Gangguan Belum Selesai"
     @on-close="closeDialog"
     :full-width="true"
@@ -470,15 +470,15 @@ const data = ref<any[]>([])
 const dataSub = ref<any[]>([])
 const dataSelected = ref<any>()
 const dataSubSelected = ref<any>()
-const showDetail = ref(false)
+const dialogDetail = ref(false)
 const loadingSubData = ref(false)
 
 const showDialog = () => {
-  showDetail.value = true
+  dialogDetail.value = true
 }
 
 const closeDialog = () => {
-  showDetail.value = false
+  dialogDetail.value = false
 }
 
 const { onResult, onError, loading, refetch } = useQuery(