fix: modal max width

src/lib/components/DisclaimerModal.svelte

@@ -11,7 +11,7 @@
 	const settings = useSettingsStore();
 </script>
 
-<Modal on:close width="max-w-[400px]">
+<Modal on:close width="!max-w-[400px]">
 	<div
 		class="from-primary-500/40 via-primary-500/10 to-primary-500/0 flex w-full flex-col items-center gap-6 bg-gradient-to-b px-5 pb-8 pt-9 text-center sm:px-6"
 	>

src/lib/components/LoginModal.svelte

@@ -11,7 +11,7 @@
 	const settings = useSettingsStore();
 </script>
 
-<Modal on:close width="max-w-[400px]">
+<Modal on:close width="!max-w-[400px]">
 	<div
 		class="from-primary-500/40 via-primary-500/10 to-primary-500/0 flex w-full flex-col items-center gap-6 bg-gradient-to-b px-5 pb-8 pt-9 text-center"
 	>

src/lib/components/OverloadedModal.svelte

@@ -8,7 +8,7 @@
 	let { onClose }: { onClose: () => void } = $props();
 </script>
 
-<Modal on:close={onClose} width="max-w-[400px]">
+<Modal on:close={onClose} width="!max-w-[400px]">
 	<div
 		class="from-primary-500/40 via-primary-500/10 to-primary-500/0 flex w-full flex-col items-center gap-3 bg-gradient-to-b px-5 pb-4 pt-9 text-center sm:px-6"
 	>

src/lib/components/SystemPromptModal.svelte

@@ -22,7 +22,7 @@
 </button>
 
 {#if isOpen}
-	<Modal on:close={() => (isOpen = false)} width="w-full max-w-xl">
+	<Modal on:close={() => (isOpen = false)} width="w-full !max-w-xl">
 		<div class="flex w-full flex-col gap-5 p-6">
 			<div class="flex items-start justify-between text-xl font-semibold text-gray-800">
 				<h2>System Prompt</h2>