refactor: use new FormGroup component for show images

src/components/shows/MetaImages.vue

 <template>
   <div class="tw-flex tw-gap-6">
-    <div>
-      <label id="show-logo" class="tw-block tw-font-bold">{{ t('showMeta.logo') }}</label>
-      <ImagePicker v-model="logoId" aria-labelledby="show-logo" />
-    </div>
+    <FormGroup :label="t('showMeta.logo')" custom-control>
+      <template #default="attrs">
+        <ImagePicker v-model="logoId" v-bind="attrs" />
+      </template>
+    </FormGroup>
 
-    <div>
-      <label id="show-image" class="tw-block tw-font-bold">{{ t('showMeta.image') }}</label>
-      <ImagePicker v-model="imageId" aria-labelledby="show-image" />
-    </div>
+    <FormGroup :label="t('showMeta.image')" custom-control>
+      <template #default="attrs">
+        <ImagePicker v-model="imageId" v-bind="attrs" />
+      </template>
+    </FormGroup>
   </div>
 </template>
 
@@ -19,6 +21,7 @@ import { useI18n } from '@/i18n'
 import { useSelectedShow } from '@/utilities'
 import { useUpdatableState } from '@/util'
 import ImagePicker from '@/components/images/ImagePicker.vue'
+import FormGroup from '@/components/generic/FormGroup.vue'
 
 const store = useStore()
 const { t } = useI18n()