feat(RichTextEditor): integrate Image plugin

[TomasSlama]

FX-4172

Description

Collection of completed PRs:

• feat: prepare ui for image upload #3698
• feat: add support for images in RichText #3700
• feat: create reusable plugin #3706
• feat: add ImageNode #3707
• test: image uploading #3717

How to test

• Temploy
• Final check of all parts in the storybook after rebasing

Screenshots

Before.	After.
Insert screenshots or screen recordings	Insert screenshots or screen recordings

Development checks

• Add changeset according to guidelines (if needed)
• Read CONTRIBUTING.md and Component API principles
• Make sure that additions and changes on the design follow Toptal's BASE design, and it's been already discussed with designers at #-base-core
• Annotate all props in component with documentation
• Create examples for component
• Ensure that deployed demo has expected results and good examples
• Ensure the changed/created components have not caused accessibility issues. How to use accessibility plugin in storybook.
• Self reviewed
• Covered with tests

Breaking change

• codemod is created and showcased in the changeset
• test alpha package of Picasso in StaffPortal

All development checks should be done and set checked to pass the
GitHub Bot: TODOLess action

PR commands

List of available commands:

• @toptal-bot run package:alpha-release - Release alpha version
• @toptal-anvil ping reviewers - Ping FX team for review

PR Review Guidelines

When to approve? ✅

You are OK with merging this PR and

1. You have no extra requests.
2. You have optional requests.
   1. Add nit: to your comment. (ex. nit: I'd rename this variable from makeCircle to getCircle)

When to request changes? ❌

You are not OK with merging this PR because

1. Something is broken after the changes.
2. Acceptance criteria is not reached.
3. Code is dirty.

When to comment (neither ✅ nor ❌)

You want your comments to be addressed before merging this PR in cases like:

1. There are leftovers like unnecessary logs, comments, etc.
2. You have an opinionated comment regarding the code that requires a discussion.
3. You have questions.

How to handle the comments?

1. An owner of a comment is the only one who can resolve it.
2. An owner of a comment must resolve it when it's addressed.
3. A PR owner must reply with ✅ when a comment is addressed.

[changeset-bot]

🦋 Changeset detected

Latest commit: aa5537c

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 2 packages

Name	Type
@toptal/picasso-rich-text-editor	Major
@toptal/picasso-forms	Major

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[TomasSlama]

@toptal-bot run package:alpha-release

[TomasSlama]

@toptal-bot run package:alpha-release

[toptal-devbot]

Your alpha package is ready 🎉
yarn add @topkit/analytics-charts@48.0.1-alpha-fx-4172-feature-branch-e9e40af5a.10+e9e40af5a
yarn add @toptal/[email protected]+e9e40af5a
yarn add @toptal/[email protected]+e9e40af5a
yarn add @toptal/[email protected]+e9e40af5a
yarn add @toptal/[email protected]+e9e40af5a
yarn add @toptal/picasso-pictograms@1.1.2-alpha-fx-4172-feature-branch-e9e40af5a.96+e9e40af5a
yarn add @toptal/[email protected]+e9e40af5a
yarn add @toptal/picasso-rich-text-editor@3.1.1-alpha-fx-4172-feature-branch-e9e40af5a.5+e9e40af5a
yarn add @toptal/[email protected]+e9e40af5a

[toptal-devbot]

Your alpha package is ready 🎉
yarn add @topkit/analytics-charts@48.0.1-alpha-fx-4172-feature-branch-6d3164d98.11+6d3164d98
yarn add @toptal/[email protected]+6d3164d98
yarn add @toptal/[email protected]+6d3164d98
yarn add @toptal/[email protected]+6d3164d98
yarn add @toptal/[email protected]+6d3164d98
yarn add @toptal/picasso-pictograms@1.1.2-alpha-fx-4172-feature-branch-6d3164d98.97+6d3164d98
yarn add @toptal/[email protected]+6d3164d98
yarn add @toptal/picasso-rich-text-editor@3.1.1-alpha-fx-4172-feature-branch-6d3164d98.6+6d3164d98
yarn add @toptal/[email protected]+6d3164d98

[TomasSlama]

@toptal-bot run package:alpha-release

[toptal-devbot]

Your alpha package is ready 🎉
yarn add @topkit/analytics-charts@48.0.1-alpha-fx-4172-feature-branch-b1d727401.12+b1d727401
yarn add @toptal/[email protected]+b1d727401
yarn add @toptal/[email protected]+b1d727401
yarn add @toptal/[email protected]+b1d727401
yarn add @toptal/[email protected]+b1d727401
yarn add @toptal/picasso-pictograms@1.1.2-alpha-fx-4172-feature-branch-b1d727401.98+b1d727401
yarn add @toptal/[email protected]+b1d727401
yarn add @toptal/picasso-rich-text-editor@3.1.1-alpha-fx-4172-feature-branch-b1d727401.7+b1d727401
yarn add @toptal/[email protected]+b1d727401

[augustobmoura]

Most of it was approved on the different PRs to the feature branch, GJ everyone! 👍