feat(frontend): Buttons refactor (#2545)

* feat(frontend): wip

* feat(frontend): button refactor wip

* feat(frontend): button refactor wip

* feat(frontend): fix build

* feat(frontend): fix build

* fix(frontend): fix build

* fix(frontend): fix buttons styles

* fix(frontend): remove dev file

* feat(frontend): clean up

* feat(frontend): done

* feat(frontend): done

* feat(frontend): remove duplicated componnet

* feat(frontend): wip

* feat(frontend): wip

* feat(frontend): forked Flow icons

* feat(frontend): remove legacy dropdown

* feat(frontend): migrated all + remove dependencies

* feat(frontend): clean up

frontend/src/lib/components/copilot/ScriptFix.svelte

@@ -5,7 +5,6 @@
 	import type { SupportedLanguage } from '$lib/common'
 	import { sendUserToast } from '$lib/toast'
 	import type Editor from '../Editor.svelte'
-	import { faCheck, faClose, faMagicWandSparkles } from '@fortawesome/free-solid-svg-icons'
 	import { dbSchemas, copilotInfo, type DBSchema } from '$lib/stores'
 	import type DiffEditor from '../DiffEditor.svelte'
 	import { scriptLangToEditorLang } from '$lib/scripts'
@@ -17,6 +16,7 @@
 	import HighlightCode from '../HighlightCode.svelte'
 	import LoadingIcon from '../apps/svelte-select/lib/LoadingIcon.svelte'
 	import { autoPlacement } from '@floating-ui/core'
+	import { Check, Wand2, X } from 'lucide-svelte'
 
 	// props
 	export let lang: SupportedLanguage
@@ -124,7 +124,7 @@
 					spacingSize="xs2"
 					on:click={rejectDiff}
 					variant="contained"
-					startIcon={{ icon: faClose }}
+					startIcon={{ icon: X }}
 				>
 					Discard
 				</Button><Button
@@ -133,16 +133,15 @@
 					color="green"
 					spacingSize="xs2"
 					on:click={acceptDiff}
-					startIcon={{ icon: faCheck }}
+					startIcon={{ icon: Check }}
 				>
 					Accept
 				</Button>
 				{#if $generatedExplanation.length > 0}
 					<Popover>
 						<svelte:fragment slot="text">{$generatedExplanation}</svelte:fragment>
-						<Button size="xs" color="light" variant="contained" spacingSize="xs2">Explain</Button
-						></Popover
-					>
+						<Button size="xs" color="light" variant="contained" spacingSize="xs2">Explain</Button>
+					</Popover>
 				{/if}
 			</div>
 		{:else}
@@ -169,7 +168,7 @@
 						size="xs"
 						color={genLoading ? 'red' : 'blue'}
 						spacingSize="xs2"
-						startIcon={genLoading ? undefined : { icon: faMagicWandSparkles }}
+						startIcon={genLoading ? undefined : { icon: Wand2 }}
 						nonCaptureEvent={!genLoading}
 						on:click={genLoading ? () => abortController?.abort() : undefined}
 						>{#if genLoading}