fix: resolve conflict

app/components/content/encounter/list.vue

@@ -96,15 +96,14 @@ provide('table_data_loader', isLoading)
 
 <template>
   <Header :prep="{ ...hreaderPrep }" :ref-search-nav="refSearchNav" />
-  <div class="my-4 rounded-md border p-4">
-    <Filter :ref-search-nav="refSearchNav" />
-    <div class="my-4 flex flex-1 flex-col gap-4 md:gap-8">
-      <AppEncounterList :data="data" />
-    </div>
-
-    <Dialog v-model:open="isFormEntryDialogOpen" title="Filter" size="lg" prevent-outside>
-      <AppEncounterFilter />
-    </Dialog>
-    <!-- <Pagination :pagination-meta="paginationMeta" @page-change="handlePageChange" /> -->
+  <Separator class="my-4 xl:my-5" />
+  <Filter :ref-search-nav="refSearchNav" />
+  <div class="my-4 flex flex-1 flex-col gap-4 md:gap-8">
+    <AppEncounterList :data="data" />
   </div>
+
+  <Dialog v-model:open="isFormEntryDialogOpen" title="Filter" size="lg" prevent-outside>
+    <AppEncounterFilter />
+  </Dialog>
+  <!-- <Pagination :pagination-meta="paginationMeta" @page-change="handlePageChange" /> -->
 </template>

app/components/content/satusehat/list.vue

@@ -4,6 +4,7 @@ import { useUrlSearchParams } from '@vueuse/core'
 import Header from '~/components/pub/custom-ui/nav-header/header.vue'
 import { actions, headerPrep, refSearchNav, service, summaryData, tabs } from './const'
 import { defaultQuery, querySchema, tabSwitcher } from './schema.query'
+import { Form } from '~/components/pub/ui/form'
 
 // State management
 const data = ref([])