person: fix adding civility to a person with OnTheFly form

src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/OnTheFly/Person.vue

@@ -87,7 +87,7 @@
       <label>{{ $t('person.gender.title') }}</label>
    </div>
 
-   <div class="form-floating mb-3">
+   <div v-if="action === 'create'" class="form-floating mb-3">
       <select
          class="form-select form-select-lg"
          id="civility"
@@ -187,8 +187,8 @@ export default {
          get() { return this.person.gender; }
       },
       civility: {
-         set(value) { this.person.civility = value; },
-         get() { return this.person.civility; }
+         set(value) { this.person.civility = {id: value}; },
+         get() { return this.person.civility ? this.person.civility.id : undefined; }
       },
       birthDate: {
          set(value) {