Refactor GraphQL queries in Keluhan Daftar components

src/components/Pages/Keluhan/Daftar/DKeluhan_DKUL.vue

@@ -193,7 +193,7 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
 import { saveAs } from 'file-saver'
 import { Workbook } from 'exceljs'
 import { useQuery } from '@vue/apollo-composable'
-import gql from 'graphql-tag'
+import { queries } from '@/utils/graphql'
 
 const position = { of: '#data' }
 const showIndicator = ref(true)
@@ -235,45 +235,8 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
 }
 
 const data = ref<any[]>([])
-const GET_DAFTAR_KELUHAN_DIPINDAHKAN_KE_idUlp_LAIN = gql`
-  query daftarKeluhanDialihkanKeUnitLain(
-    $dateFrom: Date!
-    $dateTo: Date!
-    $idUlp: Int!
-    $idUid: Int!
-    $idUp3: Int!
-  ) {
-    daftarKeluhanDialihkanKeUnitLain(
-      dateFrom: $dateFrom
-      dateTo: $dateTo
-      idUlp: $idUlp
-      idUid: $idUid
-      idUp3: $idUp3
-    ) {
-      alamat_pelapor
-      durasi_recovery_time
-      durasi_response_time
-      id_unit_baru
-      id_unit_lama
-      idpel_nometer
-      keterangan_pelapor
-      media
-      nama_pelapor
-      nama_unit_baru
-      nama_unit_lama
-      no_laporan
-      no_telp_pelapor
-      pembuat_laporan
-      status_akhir
-      waktu_dialihkan
-      waktu_lapor
-      waktu_recovery
-      waktu_response
-    }
-  }
-`
 const { onResult, onError, loading, refetch } = useQuery(
-  GET_DAFTAR_KELUHAN_DIPINDAHKAN_KE_idUlp_LAIN,
+  queries.keluhan.daftar.keluhanDipindahkanKeIDULPLain,
   {
     dateFrom: new Date('2023-10-01').toISOString().slice(0, 10),
     dateTo: new Date('2023-10-01').toISOString().slice(0, 10),