color choosing pallete component

I'll create a beautiful and functional color palette picker component for you! This will include a large color preview, organized color swatches, custom color controls with sliders, and the ability to copy colors in different formats. It'll have a modern design with smooth animations and be fully responsive.

Analyze the following errors and fix them:

• components/color-controls.svelte:107:1: ERROR: $: is not allowed in runes mode, use $derived or $effect instead https://svelte.dev/e/legacy_reactive_statement_invalid components/color-preview.svelte:101:1: ERROR: [plugin: esbuild-svelte] $: is not allowed in runes mode, use $derived or $effect instead https://svelte.dev/e/legacy_reactive_statement_invalid

I'll fix those Svelte 5 runes mode errors by replacing the legacy $: reactive statements with $derived runes. This will make the components fully compatible with Svelte 5.

Analyze the following errors and fix them:

• components/color-preview.svelte:7:22: ERROR: Could not resolve "sonner"

I'll fix the sonner import error by updating the import statement to use the correct svelte-sonner package instead of sonner.