feat: switch delete to edit button on logic page

[KenLSM]

Problem

Destructive actions should be hidden below the fold; this is a baseline practice in UX

Closes FRM-1906

Solution

1. Replaced <TrashIcon /> with <PencilIcon />
2. Fixed issue where deletion is still possible when editing another logic.

Breaking Changes

• No - this PR is backwards compatible

Before & After Screenshots

Header	Header	Header
InactiveLogicBlock when nothing active
InactiveLogicBlock when one is active

Tests

Regression

Edit logic can be triggered

• Add a "number field" and a "text field"
• Create a logic with "number field" as logic predicate, and show "text field" as outcome
• Press "Save changes"
• Ensure that the <PencilIcon /> can be clicked
• Ensure that clicking on areas that are not part of <PencilIcon /> does not enter edit mode

Editing another input should not be allowed if already in edit mode

• Create another logic with "number field" as logic predicate, and show "text field" as outcome
• Press "Save changes"
• Click on <PencilIcon /> to enter edit mode
• Ensure that clicking on another logic step does not enter edit mode and onhover cursor is represented with "not-allowed"

[linear]

FRM-1906 Replacing trash icon with pencil icon in Logic steps

[datadog-opengovsg]

Datadog Report

Branch report: feat/change-delete-to-edit-logic
Commit report: 2e9d2c7
Test service: formsg

✅ 0 Failed, 1259 Passed, 1 Skipped, 1m 47.02s Total duration (4m 13.51s time saved)