clean code

frontend/src/lib/components/DropdownV2Inner.svelte

@@ -32,7 +32,7 @@
 	<div class="flex flex-col">
 		{#each computedItems ?? [] as item}
 			<MenuItem
-				on:click={(e) => item?.action?.(e)}
+				on:click={(e) => item?.action?.(e.detail)}
 				href={item?.href}
 				disabled={item?.disabled}
 				class={twMerge(

frontend/src/lib/components/apps/components/display/AppMenu.svelte

@@ -35,7 +35,6 @@
 			latestButtonClicked: undefined as string | undefined
 		}
 	})
-	let menu: Menu | undefined = undefined
 
 	const resolvedConfig = initConfig(
 		components['menucomponent'].initialData.configuration,
@@ -106,7 +105,6 @@
 				on:close
 				on:open
 				class={resolvedConfig.fillContainer ? 'w-full h-full' : ''}
-				bind:this={menu}
 			>
 				<svelte:fragment slot="trigger" let:trigger>
 					<div use:melt={trigger} class="w-full h-full">

frontend/src/lib/components/meltComponents/MenuItem.svelte

@@ -1,10 +1,13 @@
 <script lang="ts">
 	import { melt } from '@melt-ui/svelte'
+	import { createEventDispatcher } from 'svelte'
 
 	export let href: string | undefined = undefined
 	export let disabled: boolean = false
 
 	export let item: any
+
+	const dispatch = createEventDispatcher()
 </script>
 
 {#if href}
@@ -12,7 +15,7 @@
 		<slot />
 	</a>
 {:else}
-	<button use:melt={item} on:click {disabled} class={$$props.class}>
+	<button use:melt={item} on:click={(e) => dispatch('click', e)} {disabled} class={$$props.class}>
 		<slot />
 	</button>
 {/if}