dialog: handle overflow scrolling

src/lib/Dialog.svelte

@@ -145,7 +145,8 @@
 {#snippet dialog()}
 	<div
 		class={[
-			'fixed inset-0 z-50 flex items-center justify-center bg-black/50 backdrop-blur-sm',
+			'fixed inset-0 z-50 flex items-center-safe justify-center bg-black/50 backdrop-blur-sm',
+			'overflow-auto p-8',
 			classValue
 		]}
 		transition:fade={{ duration: 150 }}
@@ -165,7 +166,7 @@
 		<div
 			bind:this={dialogContainer}
 			class={[
-				'relative max-h-[85vh] w-[90vw] rounded-xl bg-white p-6 shadow-lg',
+				'relative w-[90vw] rounded-xl bg-white p-6 shadow-lg',
 				size === 'sm' && 'max-w-[450px]',
 				size === 'md' && 'max-w-[650px]',
 				size === 'lg' && 'max-w-[850px]',