fix: open the card menu from the three-dot button

Anchor the activity and deal menus to the button so they show beside the card.

Co-authored-by: Cursor <cursoragent@cursor.com>

apps/web/src/components/pipeline/DealCard.vue

@@ -152,23 +152,27 @@ const cardStyle = computed(() => ({
           </a-typography-text>
         </div>
 
-        <a-button
-          v-if="showTrash"
-          type="text"
-          danger
-          aria-label="حذف انتخاب‌شده‌ها"
-          @click.stop="emit('bulkDelete')"
-        >
-          <template #icon><DeleteOutlined /></template>
-        </a-button>
-        <a-button
-          v-else
-          type="text"
-          :aria-label="copy.itemMenuAria"
-          @click.stop="emit('menu', deal.id)"
-        >
-          <template #icon><MoreOutlined /></template>
-        </a-button>
+        <span :data-card-id="deal.id">
+          <a-button
+            v-if="showTrash"
+            class="menu"
+            type="text"
+            danger
+            aria-label="حذف انتخاب‌شده‌ها"
+            @click.stop="emit('bulkDelete')"
+          >
+            <template #icon><DeleteOutlined /></template>
+          </a-button>
+          <a-button
+            v-else
+            class="menu"
+            type="text"
+            :aria-label="copy.itemMenuAria"
+            @click.stop="emit('menu', deal.id)"
+          >
+            <template #icon><MoreOutlined /></template>
+          </a-button>
+        </span>
       </a-flex>
 
       <a-flex