first commit, i i have no idea what i have done

management-ui/src/customcompometns/AdminDeviceDropdown.vue

@@ -0,0 +1,40 @@
+<script setup lang="ts">
+import { DropdownMenu, DropdownMenuItem, 
+DropdownMenuTrigger, DropdownMenuContent } from '@/components/ui/dropdown-menu';
+import { Ellipsis } from 'lucide-vue-next';
+import EditDeviceDialog from './EditDeviceDialog.vue';
+import DeleteDeviceDialog from './DeleteDeviceDialog.vue';
+import { ref } from 'vue';
+
+const isEditOpen = ref(false)
+const isDeleteOpen = ref(false)
+
+// your actual delete logic
+function onDeleteConfirmed() {
+  // e.g. await api.deleteUser(props.userId)
+  isDeleteOpen.value = false
+}
+function onEditConfirm() {
+    isEditOpen.value = false
+}
+
+</script>
+<template>
+<DropdownMenu>
+    <DropdownMenuTrigger asChild>
+        <button class="p-2 rounded hover:bg-muted">
+            <Ellipsis/>
+        </button>
+    </DropdownMenuTrigger>
+    <DropdownMenuContent align="end" class="w-[160px]">
+        <DropdownMenuItem @click.prevent="isEditOpen = true">
+            Rename
+        </DropdownMenuItem>
+        <DropdownMenuItem @click.prevent="isDeleteOpen = true">
+            Delete
+        </DropdownMenuItem>
+    </DropdownMenuContent>
+</DropdownMenu>
+<EditDeviceDialog v-model:modelValue="isEditOpen"@confirm="onEditConfirm()" />
+<DeleteDeviceDialog v-model:modelValue="isDeleteOpen" @confirm="onDeleteConfirmed" />
+</template>