refactor: align styles for different label types

src/components/generic/FormGroup.vue

@@ -19,7 +19,7 @@
       <label
         v-if="label"
         :for="id"
-        class="tw-text-gray-600 tw-flex tw-gap-2 tw-items-center tw-grow tw-m-0"
+        class="tw-font-medium tw-flex tw-gap-2 tw-items-center tw-grow tw-m-0"
       >
         <span>{{ label }}</span>
         <button v-if="withEditButton" type="button" class="btn btn-sm tw-p-0" @click="emit('edit')">

src/components/shows/AHousekeepingSection.vue

@@ -2,7 +2,7 @@
   <div
     class="tw-w-min tw-min-w-64 tw-px-6 tw-py-4 tw-border tw-border-gray-200 tw-border-solid tw-rounded-md"
   >
-    <h3 class="tw-font-bold tw-text-base tw-pb-1">{{ title }}</h3>
+    <h3 class="tw-font-medium tw-text-base tw-pb-1">{{ title }}</h3>
     <slot />
   </div>
 </template>