fix: simplify trigger slot template and clean up modal attributes

https://web.tracklify.com/project/2b7ZVgE5/AdminForth/1296/JtpEqyOU/add-docs-for-the-afcl-modal-an

Author: yaroslav8765

adminforth/spa/src/afcl/Dialog.vue

@@ -10,13 +10,8 @@
     :closeConfirmationText="closeConfirmationText"
     :removeFromDomOnClose="removeFromDomOnClose"
   >
-    <template #trigger>
-      <div
-        v-if="$slots.trigger"
-        class="inline-flex items-center cursor-pointer w-full"
-      >
-        <slot name="trigger"></slot>
-      </div>
+    <template v-if="$slots.trigger" #trigger>
+      <slot name="trigger"></slot>
     </template>
 
     <!-- Modal header -->

adminforth/spa/src/afcl/Modal.vue

@@ -6,12 +6,12 @@
     <slot name="trigger"></slot>
   </div>
   <Teleport to="body">
-      <div v-show="isModalOpen" v-if="!removeFromDom" @click="backdropClick" v-bind="$attrs" class="bg-black/50 overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 justify-center items-center w-full h-full md:inset-0 h-1rem max-h-full flex" >
+      <div v-show="isModalOpen" v-if="!removeFromDom" @click="backdropClick" class="bg-black/50 overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 justify-center items-center w-full h-full md:inset-0 h-1rem max-h-full flex" >
         <!-- Modal content -->
-        <div class="relative bg-lightDialogBackgorund rounded-lg shadow-sm dark:bg-darkDialogBackgorund">
+        <div v-bind="$attrs" class="relative bg-lightDialogBackgorund rounded-lg shadow-sm dark:bg-darkDialogBackgorund">
 
           <!-- Modal body -->
-          <div class="space-y-4 text-lightDialogBodyText dark:text-darkDialogBodyText">
+          <div class="text-lightDialogBodyText dark:text-darkDialogBodyText">
             <slot ></slot>
           </div>