fix: Fix memory leaking in create model page (#21966)

src/routes/(app)/workspace/models/create/+page.svelte

@@ -1,5 +1,4 @@
-<script>
+<script lang="ts">
-	import { v4 as uuidv4 } from 'uuid';
 	import { toast } from 'svelte-sonner';
 	import { goto } from '$app/navigation';
 	import { config, models, settings } from '$lib/stores';
@@ -61,8 +60,8 @@
 
 	let model = null;
 
-	onMount(async () => {
+	onMount(() => {
-		window.addEventListener('message', async (event) => {
+		const handleMessageEvent = async (event: MessageEvent) => {
 			if (
 				!['https://openwebui.com', 'https://www.openwebui.com', 'http://localhost:9999'].includes(
 					event.origin
@@ -82,7 +81,8 @@
 			} catch (e) {
 				console.error('Failed to parse message data:', e);
 			}
-		});
+		}
+		window.addEventListener('message', handleMessageEvent);
 
 		if (window.opener ?? false) {
 			window.opener.postMessage('loaded', '*');
@@ -92,6 +92,10 @@
 			model = JSON.parse(sessionStorage.model);
 			sessionStorage.removeItem('model');
 		}
+
+		return () => {
+			window.removeEventListener('message', handleMessageEvent);
+		};
 	});
 </script>