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/ScriptEditor.svelte

@@ -5,14 +5,12 @@
 	import { CompletedJob, Job, JobService, SettingsService } from '$lib/gen'
 	import { enterpriseLicense, userStore, workspaceStore } from '$lib/stores'
 	import { copyToClipboard, emptySchema, getModifierKey, sendUserToast } from '$lib/utils'
-	import { faClipboard, faPlay } from '@fortawesome/free-solid-svg-icons'
 	import Editor from './Editor.svelte'
 	import { inferArgs } from '$lib/infer'
 	import type { Preview } from '$lib/gen/models/Preview'
 	import { Pane, Splitpanes } from 'svelte-splitpanes'
 	import SchemaForm from './SchemaForm.svelte'
 	import LogPanel from './scriptEditor/LogPanel.svelte'
-	import { faGithub } from '@fortawesome/free-brands-svg-icons'
 	import EditorBar, { EDITOR_BAR_WIDTH_THRESHOLD } from './EditorBar.svelte'
 	import TestJobLoader from './TestJobLoader.svelte'
 	import { createEventDispatcher, onDestroy, onMount } from 'svelte'
@@ -23,8 +21,8 @@
 	import { scriptLangToEditorLang } from '$lib/scripts'
 	import { WebsocketProvider } from 'y-websocket'
 	import Modal from './common/modal/Modal.svelte'
-	import { Icon } from 'svelte-awesome'
 	import DiffEditor from './DiffEditor.svelte'
+	import { Clipboard, Github, Play } from 'lucide-svelte'
 
 	// Exported
 	export let schema: Schema | any = emptySchema()
@@ -221,9 +219,13 @@
 	<div>Have others join by sharing the following url:</div>
 	<div class="flex gap-2 pr-4">
 		<input type="text" disabled value={collabUrl()} />
-		<button on:click={() => copyToClipboard(collabUrl())} class="text-secondary ml-2">
-			<Icon data={faClipboard} />
-		</button>
+
+		<Button
+			color="light"
+			startIcon={{ icon: Clipboard }}
+			iconOnly
+			on:click={() => copyToClipboard(collabUrl())}
+		/>
 	</div>
 </Modal>
 <div class="border-b-2 shadow-sm px-1 pr-4" bind:clientWidth={width}>
@@ -258,9 +260,9 @@
 					href="https://www.windmill.dev/docs/cli_local_dev/vscode-extension"
 					color="light"
 					size="xs"
-					btnClasses="mr-1 hidden lg:block"
+					btnClasses="hidden lg:flex"
 					startIcon={{
-						icon: faGithub
+						icon: Github
 					}}
 				>
 					Use VScode
@@ -337,7 +339,7 @@
 							btnClasses="w-full"
 							size="xs"
 							startIcon={{
-								icon: faPlay,
+								icon: Play,
 								classes: 'animate-none'
 							}}
 						>