fix: compact options layout, consistent ImageUploadField across app

- Replace card-based multi-line options with compact single-line rows
  (grip + label + description + delete all on one row)
- Standardize event registration appearance page on ImageUploadField
  (was VFileInput + manual preview, now consistent with email branding)
- Fix EmailBrandingTab logoUrl ref to properly handle null from
  ImageUploadField, ensuring existing image preview works on page load

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

apps/app/src/components/event/RegistrationFieldFormDialog.vue

@@ -323,46 +323,39 @@ defineExpose({ setErrors })
                   <div
                     v-for="(option, index) in form.options"
                     :key="index"
-                    class="mb-3"
+                    class="mb-2"
                   >
-                    <VCard
-                      variant="outlined"
-                      class="pa-3"
-                    >
-                      <div class="d-flex align-start gap-2">
-                        <VIcon
-                          icon="tabler-grip-vertical"
-                          class="mt-2 text-medium-emphasis"
-                          style="cursor: grab;"
-                        />
-                        <div class="flex-grow-1">
-                          <AppTextField
-                            v-model="option.label"
-                            :placeholder="`Optie ${index + 1}`"
-                            density="compact"
-                            hide-details="auto"
-                            class="mb-2"
-                          />
-                          <AppTextField
-                            v-model="option.description"
-                            label="Beschrijving (optioneel)"
-                            density="compact"
-                            placeholder="Korte toelichting die onder de optie verschijnt"
-                            counter="200"
-                            maxlength="200"
-                            hide-details="auto"
-                          />
-                        </div>
-                        <VBtn
-                          icon="tabler-trash"
-                          variant="text"
-                          color="error"
-                          size="small"
-                          class="mt-1"
-                          @click="removeOption(index)"
-                        />
-                      </div>
-                    </VCard>
+                    <div class="d-flex align-center gap-2">
+                      <VIcon
+                        icon="tabler-grip-vertical"
+                        size="16"
+                        class="text-medium-emphasis flex-shrink-0"
+                        style="cursor: grab;"
+                      />
+                      <AppTextField
+                        v-model="option.label"
+                        placeholder="Optie"
+                        density="compact"
+                        hide-details
+                        class="flex-grow-1"
+                        style="max-inline-size: 200px;"
+                      />
+                      <AppTextField
+                        v-model="option.description"
+                        placeholder="Beschrijving (optioneel)"
+                        density="compact"
+                        hide-details
+                        class="flex-grow-1"
+                      />
+                      <VBtn
+                        icon="tabler-trash"
+                        variant="text"
+                        color="error"
+                        size="x-small"
+                        class="flex-shrink-0"
+                        @click="removeOption(index)"
+                      />
+                    </div>
                   </div>
 
                   <div