⚠️ refactor (components): restructure components to custom-ui

app/components/flow/doctor/list.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import type { HeaderPrep, RefSearchNav } from '~/components/pub/nav/types'
+import Header from '~/components/pub/custom-ui/nav-header/prep.vue'
 
 const data = ref([])
 
@@ -47,6 +48,6 @@ provide('rec_item', recItem)
 </script>
 
 <template>
-  <PubNavHeaderPrep :prep="{ ...headerPrep }" :ref-search-nav="refSearchNav" />
+  <Header :prep="{ ...headerPrep }" :ref-search-nav="refSearchNav" />
   <AppDoctorList :data="data" />
 </template>

app/components/flow/patient/list.vue

@@ -2,6 +2,8 @@
 import type { Summary } from '~/components/pub/base/summary-card.type'
 import type { HeaderPrep, RefSearchNav } from '~/components/pub/nav/types'
 import { Calendar, Hospital, UserCheck, UsersRound } from 'lucide-vue-next'
+import SummaryCard from '~/components/pub/base/summary-card/summary-card.vue'
+import Header from '~/components/pub/custom-ui/nav-header/prep.vue'
 
 const data = ref([])
 
@@ -100,14 +102,14 @@ provide('rec_item', recItem)
 </script>
 
 <template>
-  <PubNavHeaderPrep :prep="{ ...hreaderPrep }" :ref-search-nav="refSearchNav" />
+  <Header :prep="{ ...hreaderPrep }" :ref-search-nav="refSearchNav" />
   <div class="my-4 flex flex-1 flex-col gap-4 md:gap-8">
     <div class="grid gap-4 md:grid-cols-2 md:gap-8 lg:grid-cols-4">
       <template v-if="isLoading.summary">
-        <PubBaseSummaryCard v-for="n in 4" :key="n" is-skeleton />
+        <SummaryCard v-for="n in 4" :key="n" is-skeleton />
       </template>
       <template v-else>
-        <PubBaseSummaryCard v-for="card in summaryData" :key="card.title" :stat="card" />
+        <SummaryCard v-for="card in summaryData" :key="card.title" :stat="card" />
       </template>
     </div>
     <AppPatientList :data="data" />