delete account ui functionality

src/components/ui/UIModal.vue

@@ -67,13 +67,13 @@ defineExpose({ open, close })
     <Transition @enter="onEnter" @leave="onLeave" appear>
       <div class="dui-modal bg-neutral-800 bg-opacity-60" v-if="show" ref="modal">
         <div class="dui-modal-box" :class="styleClass" ref="modalBox">
-          <h3 class="flex items-center text-xl font-bold" v-if="$slots.title">
+          <h3 class="flex items-center text-xl font-bold mb-4" v-if="$slots.title">
             <slot name="title" />
           </h3>
-          <p class="py-4">
+          <div>
             <slot v-bind="slotProps" />
-          </p>
-          <div class="dui-modal-action">
+          </div>
+          <div class="dui-modal-action mt-4">
             <slot name="actions" v-bind="slotProps">
               <UIButton size="sm" @click="close">Close</UIButton>
             </slot>