chore: restucture list and entry form

app/components/content/medicine-method/list.vue

@@ -1,13 +1,21 @@
 
 <script setup lang="ts">
-import { usePaginatedList } from '~/composables/usePaginatedList'
-import { ActionEvents, type HeaderPrep } from '~/components/pub/custom-ui/data/types'
+// Components
 import Dialog from '~/components/pub/base/modal/dialog.vue'
 import Header from '~/components/pub/custom-ui/nav-header/prep.vue'
 import AppMedicineMethodEntryForm from '~/components/app/medicine-method/entry-form.vue'
 import AppMedicineMethodList from '~/components/app/medicine-method/list.vue'
 import RecordConfirmation from '~/components/pub/custom-ui/confirmation/record-confirmation.vue'
+
+// Helpers
+import { usePaginatedList } from '~/composables/usePaginatedList'
 import { toast } from '~/components/pub/ui/toast'
+
+// Types
+import { ActionEvents, type HeaderPrep } from '~/components/pub/custom-ui/data/types'
+import { MedicineBaseSchema, type MedicineBaseFormData } from '~/schemas/medicine.schema'
+
+// Handlers
 import {
   recId,
   recAction,
@@ -21,6 +29,8 @@ import {
   handleActionRemove,
   handleCancelForm,
 } from '~/handlers/medicine-method.handler'
+
+// Services
 import { getMedicineMethods, getMedicineMethodDetail } from '~/services/medicine-method.service'
 
 const title = ref('')