update preview page

Author: abdel-17

sites/preview/src/routes/+layout.svelte

@@ -1,7 +1,10 @@
 <script lang="ts">
+	import { Toaster } from "svelte-sonner";
 	import "../app.css";
 
 	const { children } = $props();
 </script>
 
+<Toaster richColors />
+
 {@render children()}

sites/preview/src/routes/+page.svelte

@@ -17,7 +17,7 @@
 		type NameConflictResolution,
 		type RenameErrorArgs,
 	} from "svelte-file-tree";
-	import { Toaster, toast } from "svelte-sonner";
+	import { toast } from "svelte-sonner";
 	import { fade, fly } from "svelte/transition";
 	import data from "./data.json" with { type: "json" };
 	import { DialogState } from "./state.svelte.js";
@@ -48,9 +48,7 @@
 			description: string;
 		},
 		NameConflictResolution
-	>({
-		defaultResult: "cancel",
-	});
+	>();
 
 	const onRenameError = ({ error, name }: RenameErrorArgs): void => {
 		switch (error) {
@@ -144,13 +142,11 @@
 	</Tree>
 </main>
 
-<Toaster richColors />
-
 <Dialog.Root
 	open={dialog.data !== undefined}
 	onOpenChange={(open) => {
 		if (!open) {
-			dialog.close();
+			dialog.close("cancel");
 		}
 	}}
 >