feat: allow form group children to be placed inline

src/components/generic/FormGroup.vue

 <template>
-  <div class="form-group tw-block last:tw-mb-0" :class="formGroupClass">
+  <div
+    class="form-group last:tw-mb-0"
+    :class="[
+      formGroupClass,
+      {
+        'tw-block': !inline,
+        'tw-flex tw-gap-2 tw-items-center': inline,
+      },
+    ]"
+  >
     <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'"
+      class="form-group-description tw-flex tw-gap-x-2 tw-gap-y-1 empty:tw-hidden"
+      :class="[
+        center ? 'tw-items-center tw-self-center' : 'tw-items-baseline',
+        { 'tw-mb-2': !inline },
+      ]"
     >
       <label
         v-if="label"
@@ -70,6 +82,7 @@ const props = withDefaults(
     withEditButton?: boolean
     isSaving?: boolean | undefined
     center?: boolean
+    inline?: boolean
   }>(),
   {
     isSaving: undefined,