fix: prevent event propagation on table cell click to improve interaction

Author: ashrafchowdury

web/oss/src/components/TestcasesTableNew/components/TestcaseSelectionCell.tsx

@@ -50,6 +50,7 @@ const TestcaseSelectionCell = memo(function TestcaseSelectionCell({
             className="flex items-center justify-center w-full h-full absolute inset-0"
             title={tooltipTitle}
             style={showDirtyIndicator ? {backgroundColor: "rgb(255 251 235)"} : undefined}
+            onClick={(e) => e.stopPropagation()}
         >
             <div className="relative">{originNode}</div>
         </div>

web/oss/src/components/TestcasesTableNew/components/TestcasesTableShell.tsx

@@ -608,21 +608,27 @@ export function TestcasesTableShell(props: TestcasesTableShellProps) {
                 align: "center",
                 columnVisibilityLocked: true as any,
                 exportEnabled: false as any, // Exclude from client-side CSV export
+                onCell: () => ({className: "ag-table-actions-cell"}),
                 render: (_, record) => {
                     if (record.__isSkeleton || isShowingSkeleton) return null
 
                     return (
-                        <TestcaseRowActionsDropdown
-                            testcaseId={record.id ? String(record.id) : String(record.key)}
-                            onEdit={() => {
-                                if (record.id) onRowClick(record)
-                            }}
-                            onDelete={() => {
-                                if (record.key) {
-                                    table.deleteTestcases([String(record.key)])
-                                }
-                            }}
-                        />
+                        <div
+                            className="w-full h-full flex items-center justify-center"
+                            onClick={(e) => e.stopPropagation()}
+                        >
+                            <TestcaseRowActionsDropdown
+                                testcaseId={record.id ? String(record.id) : String(record.key)}
+                                onEdit={() => {
+                                    if (record.id) onRowClick(record)
+                                }}
+                                onDelete={() => {
+                                    if (record.key) {
+                                        table.deleteTestcases([String(record.key)])
+                                    }
+                                }}
+                            />
+                        </div>
                     )
                 },
             },