Adjust modal height for settings layout

Updated the Modal component's width prop to set xl screen height to 85dvh and added a 2xl breakpoint with 75dvh for improved responsiveness.

src/routes/settings/+layout.svelte

@@ -26,7 +26,7 @@
 <Modal
 	onclose={() => goto(previousPage)}
 	disableFly={true}
-	width="border dark:border-gray-700 h-[95dvh] w-[90dvw] pb-0 overflow-hidden rounded-2xl bg-white shadow-2xl outline-none dark:bg-gray-800 dark:text-gray-200 sm:h-[95dvh] xl:w-[1200px] xl:h-[70dvh]"
+	width="border dark:border-gray-700 h-[95dvh] w-[90dvw] pb-0 overflow-hidden rounded-2xl bg-white shadow-2xl outline-none dark:bg-gray-800 dark:text-gray-200 sm:h-[95dvh] xl:w-[1200px] xl:h-[85dvh] 2xl:h-[75dvh]"
 >
 	{@render children?.()}
 	{#if $settings.recentlySaved}