Refactor person creation workflow: Introduce PersonEdit component and integrate it across Create, Person.vue, and modals for improved modularity. Update type definitions and API methods for consistency.

src/Bundle/ChillMainBundle/Resources/public/vuejs/OnTheFly/components/CreateModal.vue

@@ -1,9 +1,12 @@
 <script setup lang="ts">
 import Modal from "ChillMainAssets/vuejs/_components/Modal.vue";
 import Create from "ChillMainAssets/vuejs/OnTheFly/components/Create.vue";
-import {CreateComponentConfig} from "ChillMainAssets/types";
+import { CreateComponentConfig } from "ChillMainAssets/types";
+
+const emit = defineEmits<(e: "close") => void>();
 
 const props = defineProps<CreateComponentConfig>();
+const modalDialogClass = { "modal-xl": true, "modal-scrollable": true };
 </script>
 
 <template>
@@ -18,15 +21,15 @@ const props = defineProps<CreateComponentConfig>();
       </template>
       <template #body-head>
         <div class="modal-body">
-          <Create :allowed-types="props.allowed-types" :action="props.action" :query="props.query"></Create>
+          <Create
+            :allowedTypes="props.allowedTypes"
+            :action="props.action"
+            :query="props.query"
+          ></Create>
         </div>
       </template>
-
-      </modal>
-    </teleport>
-
+    </modal>
+  </teleport>
 </template>
 
-<style scoped lang="scss">
-
-</style>
+<style scoped lang="scss"></style>