address refactoring: resolve lack of flexibility for many implementations (modal/not, overriding, options, etc. )

address creation/edition is unchanged
many variables are renamed to improve logic and readability

src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/Modal.vue

@@ -24,16 +24,16 @@
          <!-- :: end styles bootstrap :: -->
       </div>
    </transition>
-</template> 
+</template>
 
 <script>
 /*
- *    This Modal component is a mix between Vue3 modal implementation 
+ *    This Modal component is a mix between Vue3 modal implementation
  *    [+] with 'v-if:showModal' directive:parameter, html scope is added/removed not just shown/hidden
  *    [+] with slot we can pass content from parent component
  *    [+] some classes are passed from parent component
  *    and Bootstrap 4.6 _modal.scss module
- *    [+] using bootstrap css classes, the modal have a responsive behaviour, 
+ *    [+] using bootstrap css classes, the modal have a responsive behaviour,
  *    [+] modal design can be configured using css classes (size, scroll)
  */
 export default {
@@ -54,7 +54,7 @@ export default {
       background-color: rgba(0, 0, 0, 0.75);
       transition: opacity 0.3s ease;
    }
-   .modal-header .close { 
+   .modal-header .close {
       border-top-right-radius: 0.3rem;
    }
    /*
@@ -71,7 +71,8 @@ export default {
    .modal-leave-active {
       opacity: 0;
    }
-   .modal-enter .modal-container,
+   .modal-enter
+   .modal-container,
    .modal-leave-active .modal-container {
       -webkit-transform: scale(1.1);
       transform: scale(1.1);
@@ -80,4 +81,9 @@ export default {
       font-size: 1.5rem;
       font-weight: bold;
    }
+   div.modal-footer {
+      button:first-child {
+         margin-right: auto;
+      }
+   }
 </style>