fix(color-picker): use Lucide palette icon

Author: milanofthe

src/lib/components/dialogs/shared/ColorPicker.svelte

@@ -50,11 +50,11 @@
 <div class="color-picker-wrapper" data-tour="block-color-picker">
 	<button class="picker-btn" class:ghost={variant === 'ghost'} onclick={toggle} aria-label="Change color" use:tooltip={{ text: 'Color', position: tooltipPosition }}>
 		<svg width={iconSize} height={iconSize} viewBox="0 0 24 24" fill="none" stroke={iconColor || 'currentColor'} stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-			<circle cx="12" cy="12" r="10"/>
-			<circle cx="8" cy="10" r="1.5" fill={iconColor || 'currentColor'}/>
-			<circle cx="12" cy="7" r="1.5" fill={iconColor || 'currentColor'}/>
-			<circle cx="16" cy="10" r="1.5" fill={iconColor || 'currentColor'}/>
-			<circle cx="15" cy="15" r="2" fill={iconColor || 'currentColor'}/>
+			<path d="M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z"/>
+			<circle cx="13.5" cy="6.5" r=".5" fill={iconColor || 'currentColor'}/>
+			<circle cx="17.5" cy="10.5" r=".5" fill={iconColor || 'currentColor'}/>
+			<circle cx="6.5" cy="12.5" r=".5" fill={iconColor || 'currentColor'}/>
+			<circle cx="8.5" cy="7.5" r=".5" fill={iconColor || 'currentColor'}/>
 		</svg>
 	</button>
 	{#if isOpen}