⚠️ refactor (form): refactor label component for improved styling and responsiveness

app/components/app/patient/entry-form.vue

@@ -13,22 +13,32 @@ import Label from '~/components/pub/form/label.vue'
     </div>
 
     <div class="mb-5 border-b border-b-slate-300 pb-3 text-lg xl:text-xl">
-      <div>
-        <Block>
-          <FieldGroup :column="2">
-            <Label>Nama</Label>
-            <Field name="name">
-              <Input type="text" name="name" />
-            </Field>
-          </FieldGroup>
-          <FieldGroup :column="2">
-            <Label>Nomor RM</Label>
-            <Field name="name">
-              <Input type="text" name="name" />
-            </Field>
-          </FieldGroup>
-        </Block>
-      </div>
+      <Block>
+        <FieldGroup :column="3">
+          <Label>Nama</Label>
+          <Field>
+            <Input type="text" name="name" />
+          </Field>
+        </FieldGroup>
+        <FieldGroup :column="3">
+          <Label>Nama</Label>
+          <Field>
+            <Input type="text" name="name" />
+          </Field>
+        </FieldGroup>
+        <FieldGroup :column="3">
+          <Label>Nomor RM</Label>
+          <Field>
+            <Input type="text" name="name" />
+          </Field>
+        </FieldGroup>
+        <FieldGroup>
+          <Label dynamic>Alamat</Label>
+          <Field>
+            <Input type="text" name="name" />
+          </Field>
+        </FieldGroup>
+      </Block>
     </div>
     <div class="my-2 flex justify-end py-2">
       <PubNavFooterCsd />

app/components/app/patient/list-cfg.ts

@@ -1,11 +1,5 @@
-import type {
-  Col,
-  KeyLabel,
-  RecComponent,
-  RecStrFuncComponent,
-  RecStrFuncUnknown,
-  Th,
-} from '~/components/pub/nav/types'
+import type { Col, KeyLabel, RecComponent, RecStrFuncComponent, RecStrFuncUnknown, Th } from '../../pub/nav/types'
+import { defineAsyncComponent } from 'vue'
 
 type SmallDetailDto = any
 

app/components/app/patient/list.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cols, funcComponent, funcHtml, funcParsed, header, keys } from './list-cfg.ts'
+import { cols, funcComponent, funcHtml, funcParsed, header, keys } from './list-cfg'
 
 defineProps<{
   data: any[]