feat: allow descriptions to be centered in FormGroup

src/components/generic/FormGroup.vue

 <template>
   <div class="form-group tw-block last:tw-mb-0" :class="formGroupClass">
-    <div class="form-group-description tw-flex tw-items-baseline tw-gap-x-2 tw-gap-y-1 tw-mb-2">
+    <div
+      class="form-group-description tw-flex tw-gap-x-2 tw-gap-y-1 tw-mb-2 empty:tw-hidden"
+      :class="center ? 'tw-items-center tw-self-center' : 'tw-items-baseline'"
+    >
       <label
         v-if="label"
         :for="id"
@@ -66,11 +69,13 @@ const props = withDefaults(
     errors?: undefined | (Error | undefined | null)[]
     withEditButton?: boolean
     isSaving?: boolean | undefined
+    center?: boolean
   }>(),
   {
     isSaving: undefined,
     label: '',
     errors: undefined,
+    center: false,
   },
 )
 const emit = defineEmits<{