impl: blood calc, prosedur picker

wip:
radio bloods(note. masih crash dan modelValue ga bisa liftup)

Picker Prosedur
- cherry-pick
- done:  integrasi prosedur w/ therapy-protocol-

app/components/pub/my-ui/form/input-base.vue

@@ -24,6 +24,8 @@ const props = defineProps<{
   iconName?: string
 }>()
 
+const { class: containerClass } = props
+
 function handleInput(event: Event) {
   const target = event.target as HTMLInputElement
   let value = target.value
@@ -69,18 +71,14 @@ const hasError = computed(() => !!fieldError.value)
         :name="fieldName"
       >
         <FormItem>
-          <FormControl class="relative">
+          <FormControl :class="cn('relative', containerClass)">
             <div class="relative w-full max-w-sm items-center">
               <Input
                 :disabled="isDisabled"
                 v-bind="componentField"
                 :placeholder="placeholder"
                 :maxlength="maxLength"
-                :class="
-                  cn(
-                    hasError && 'border-red-500 focus-visible:border-red-500 focus-visible:ring-red-500',
-                  )
-                "
+                :class="cn(hasError && 'border-red-500 focus-visible:border-red-500 focus-visible:ring-red-500')"
                 autocomplete="off"
                 aria-autocomplete="none"
                 autocorrect="off"