Addition of Cancel Button to AI Block Editor Modal

[josemejias11]

Parent Issue

#27632

User Story

AI Block Editor modal in our application lacks a direct, intuitive option for users to cancel their editing session.

Acceptance Criteria

• The "Cancel" button should be positioned next to the "Regenarate" button, but visually distinct to avoid confusion.
• Upon clicking "Cancel," any changes made within the modal should be discarded.
• A confirmation prompt may be considered if the modal includes significant or complex edits, asking users if they're sure they want to discard changes.

Proposed Objective

User Experience

Proposed Priority

Priority 3 - Average

External Links... Slack Conversations, Support Tickets, Figma Designs, etc.

Confirmation: https://www.figma.com/file/JF3P9JQVJHQOujhdpCRmJG/Block-Editor?type=design&node-id=2764-15650&mode=design&t=2H6qGxfBMxKbHSly-0

Design from Melissa UX/UI https://www.figma.com/file/JF3P9JQVJHQOujhdpCRmJG/Block-Editor?type=design&node-id=2083-15349&mode=design&t=mwfb1uztfFYl922u-0

Assumptions & Initiation Needs

No response

Quality Assurance Notes & Workarounds

No response

Sub-Tasks & Estimates

No response

[josemejias11]

QA Comment

1. Add a ' copy to clipboard ' message when you click

[oidacra]

IQA Paseed
Cancel works

Comment fixed:
IQA Passed:

[josemejias11]

Approved: Tested on master_a5c816a, Docker, macOS 13.0, FF v124.0.2