fix copy

frontend/src/lib/ColorPalette.svelte

@@ -17,8 +17,10 @@
 		// usingo Clipboard API
 		if (isCopying > -1) return;
 		isCopying = n;
-		await navigator.permissions.query({ name: 'clipboard-write' });
-		await navigator.clipboard.writeText(text);
+		// await navigator.permissions.query({ name: 'clipboard-write' });
+		await navigator.clipboard.write([
+			new ClipboardItem({ 'text/plain': new Blob([text], { type: 'text/plain' }) })
+		]);
 		setTimeout(() => {
 			isCopying = -1;
 		}, 800);

frontend/src/lib/Palette.svelte

@@ -18,8 +18,10 @@
 		// usingo Clipboard API
 		if (isCopying) return;
 		isCopying = true;
-		await navigator.permissions.query({ name: 'clipboard-write' });
-		await navigator.clipboard.writeText(text);
+		// await navigator.permissions.query({ name: 'clipboard-write' });
+		await navigator.clipboard.write([
+			new ClipboardItem({ 'text/plain': new Blob([text], { type: 'text/plain' }) })
+		]);
 		setTimeout(() => {
 			isCopying = false;
 		}, 1000);
@@ -38,7 +40,12 @@
 	</div>
 	<div class="row-start-2 col-span-6 md:col-span-2 flex justify-center md:justify-end pb-3">
 		<div class="relative">
-			<img loading="lazy" class="relative max-w-[100px] w-full aspect-square" src={imageSrc} alt={prompt} />
+			<img
+				loading="lazy"
+				class="relative max-w-[100px] w-full aspect-square"
+				src={imageSrc}
+				alt={prompt}
+			/>
 			<!-- <div class="absolute flex justify-around w-full">
 				{#each promptData.images as image, i}
 					<button