remove ButtonAndDropdown

frontend/src/lib/components/ButtonAndDropdown.svelte

@@ -1,29 +0,0 @@
-<script lang="ts">
-	import { faSortDown } from '@fortawesome/free-solid-svg-icons'
-	import type { DropdownItem } from '$lib/utils'
-	import { createEventDispatcher } from 'svelte'
-	import Icon from 'svelte-awesome'
-	import Dropdown from './Dropdown.svelte'
-
-	export let dropdownItems: DropdownItem[] = []
-
-	const dispatch = createEventDispatcher()
-</script>
-
-<div class="bg-blue-500 rounded-sm {$$props.class} inline-block py-0 my-0 ">
-	<button
-		class="inline pl-2 text-white text-sm py-0 my-0"
-		on:click={() => {
-			dispatch('clickMain')
-		}}><slot name="name">Add script</slot></button
-	>
-	<Dropdown
-		{dropdownItems}
-		class="border-l border-gray-300 px-2 inline-block py-0 my-0"
-		on:click={() => dispatch('clickDropdown')}
-	>
-		<div class="py-0 my-0">
-			<Icon class="text-white align-top py-0 my-0" data={faSortDown} />
-		</div>
-	</Dropdown>
-</div>

frontend/src/lib/components/common/table/ScriptRow.svelte

@@ -59,16 +59,19 @@
 	on:change
 >
 	<svelte:fragment slot="badges">
-		<SharedBadge {canWrite} extraPerms={extra_perms} />
-		{#if lock_error_logs}
-			<Badge color="red" baseClass="border border-red-200">Deployment failed</Badge>
-		{/if}
-		{#if kind !== 'script'}
-			<Badge color="gray" baseClass="border">{capitalize(kind)}</Badge>
-		{/if}
+		<span class="hidden md:block">
+			<SharedBadge {canWrite} extraPerms={extra_perms} />
+			{#if lock_error_logs}
+				<Badge color="red" baseClass="border border-red-200">Deployment failed</Badge>
+			{/if}
+			{#if kind !== 'script'}
+				<Badge color="gray" baseClass="border">{capitalize(kind)}</Badge>
+			{/if}
 
-		<LanguageBadge {language} />
+			<LanguageBadge {language} />
+		</span>
 	</svelte:fragment>
+
 	<svelte:fragment slot="actions">
 		<Dropdown
 			dropdownItems={[