Clean up modals

src/lib/components/ModalBody.svelte

@@ -10,6 +10,6 @@
   const {children, ...props}: Props = $props()
 </script>
 
-<div class={cx("scroll-container overflow-y-auto min-h-0 flex flex-col gap-2 p-6", props.class)}>
+<div class={cx("scroll-container overflow-y-auto min-h-0 flex flex-col gap-4 p-6", props.class)}>
   {@render children?.()}
 </div>

src/lib/components/ModalFooter.svelte

@@ -9,7 +9,7 @@
 </script>
 
 <div class="h-20 flex-shrink-0"></div>
-<div class="flex absolute bottom-0 left-0 right-0 p-6 pt-2 rounded-b-box bg-base-100">
+<div class="flex absolute bottom-0 left-0 right-0 p-6 py-4 rounded-b-box bg-base-200">
   <div class="flex flex-grow gap-4 items-center justify-between">
     {@render children?.()}
   </div>