fixed field area dropdown menu

app/javascript/template_builder/area.vue

@@ -52,10 +52,10 @@
         @click="selectedAreaRef.value = area"
       />
       <FieldType
-        v-if="!['my_text', 'my_signature', 'my_initials', 'my_date', 'my_check'].includes(field.type)"
         v-model="field.type"
         :button-width="27"
         :editable="editable && !defaultField"
+        :me-active="['my_text', 'my_signature', 'my_initials', 'my_date', 'my_check'].includes(field.type)"
         :button-classes="'px-1'"
         :menu-classes="'bg-white rounded-t-none'"
         @update:model-value="[maybeUpdateOptions(), save()]"

app/javascript/template_builder/field_type.vue

@@ -25,7 +25,7 @@
         v-for="(icon, type) in fieldIcons"
         :key="type"
       >
-        <li v-if="withPhone || withPayment || !['my_text', 'my_signature', 'my_initials', 'my_date', 'my_check', 'phone', 'payment'].includes(type)">
+        <li v-if="withPhone || withPayment && !['my_text', 'my_signature', 'my_initials', 'my_date', 'my_check'].includes(type)">
           <a
             href="#"
             class="text-sm py-1 px-2"