feat(ui-markdown-editor): Implemented Code Block

[d-e-v-esh]

Signed-off-by: Devesh deves125@gmail.com

Closes #30

This PR builds on top of #289 and solves some of the problems that it had
i.e. enter key problem, text crossing the border of the code block

Changes

• Added a new button.
• Added proper styling to the blocks

Flags

• The icon in the current condition does not match with other icons in the toolbar.

Screenshots or Video

Related Issues

• Pull Request feat(ui-markdown-editor): Added Code Block Support - I30 #289

Author Checklist

• Ensure you provide a DCO sign-off for your commits using the --signoff option of git commit.
• Vital features and changes captured in unit and/or integration tests
• Commits messages follow AP format
• Extend the documentation, if necessary
• Merging to master from fork:branchname
• Manual accessibility test performed
  • Keyboard-only access, including forms
  • Contrast at least WCAG Level A
  • Appropriate labels, alt text, and instructions

[dselman]

You can apply styling inside the code block (e.g. bold/italic). If you apply list formatting the editor crashes.

[d-e-v-esh]

@dselman It is only crashing on the deploy preview for some reason, it does not crash in the local build.

What could be the reason for this? Does the crash error give any hints?
Should the list item work like normal inside the code block or should we prevent it when the cursor is in the code block?