UX/UI improvements

Problem/Motivation

The scope of this issue is to implement some UX/UI improvements such as:

• Limit the tip to its title, since details are explained in the editoria11y tooltip itself
• Reproduce some chunk of the content, ellipsed if necessary.
• Hide suggested fix and Save changes button until they are usable.
• Tab at Text and formats page to change from 'Fix Accessibility Issue' to 'AI Editoria11y Accessibility Checker' to provide better usability
• In the description of the module at module's page, neither at README.md we mention the WCAG 2.1 AA...and it's in the prompt directly.
• Override the default dialog max width so it doesn’t ever overflow horizontally, something like
  

  body .ai-editoria11y-dialog.ui-dialog:not(.ui-dialog-off-canvas) {
    max-width: max(90vw, 320px);
  }

• Instead of rendering the bare HTML the AI returned create a Before and After view and show the difference such as: atrribute, text content changes. If it is HTML structural change like tables, render it.