Fix code review issues: unique menu button IDs and remove invalid color attribute

Co-authored-by: renemadsen <[email protected]>

Author: Copilot

eform-client/e2e/Page objects/Workflow/WorkflowCases.page.ts

@@ -246,7 +246,7 @@ export class WorkflowCaseRowObject {
       this.actionPlan = await (await $$('tbody > tr > td.mat-column-actionPlan'))[rowNum].getText();
       this.toBeSolvedBy = await (await $$('tbody > tr > td.mat-column-solvedBy'))[rowNum].getText();
       this.status = await (await $$('tbody > tr > td.mat-column-status'))[rowNum].getText();
-      this.menuBtn = await $(`#action-items-${rowNum} #actionMenu`);
+      this.menuBtn = await $(`#actionMenu-${rowNum}`);
       this.updateBtn = await $(`#editWorkflowCaseBtn-${rowNum}`);
       this.deleteBtn = await $(`#deleteBtn-${rowNum}`);
     }

eform-client/src/app/plugins/modules/workflow-pn/components/workflow-cases/workflow-cases-page/workflow-cases-page.component.html

@@ -46,7 +46,7 @@
 
 <ng-template #actionsTpl let-row let-i="index">
   <div class="workflow-case-actions" id="action-items-{{i}}">
-    <button id="actionMenu" mat-icon-button [matMenuTriggerFor]="menu" matTooltip="{{ 'Actions' | translate }}">
+    <button id="actionMenu-{{i}}" mat-icon-button [matMenuTriggerFor]="menu" matTooltip="{{ 'Actions' | translate }}">
       <mat-icon>more_vert</mat-icon>
     </button>
 
@@ -77,7 +77,6 @@
       </button>
       <button
         mat-menu-item
-        color="warn"
         id="deleteBtn-{{i}}"
         (click)="showDeleteWorkflowCaseModal(row)"
       >