Supermind creation flow

<!---
Please read this!

The Definition of Ready (DoR) can be found at https://developers.minds.com/docs/handbook/how-we-work/#definition-of-ready-dor

Before opening a new issue, make sure to search for keywords in the issues
filtered by the "Type::Feature" label and verify the feature you're about to submit isn't a duplicate.
--->

## Goal

<!---
Clearly outline the goal of the issue and why we are doing it
--->

- Allow users to create Supermind requests to send to other users.
- Supermind requests are when a user offers another user tokens or cash to reply to their post.

## What needs to be done

<!---
Clearly detail what needs to be done to achieve the goal set out above
--->


## QA

<!---
Consideration is given to how the issue will be demoed and tested prior to being deployed
--->


## UX/Design

<!---
Sufficient wireframes have been presented and understood by the development team. Full mockups are not required and re-usable components are encouraged.
--->

* Users can create SuperMind requests via a number of entry points.
  * Via an activity post (in-feed or post entity)
  * Via a channel (by clicking `SuperMind` within the header)
  * Via the composer (when creating a post and toggling SuperMind)

**Create Request Flow from Composer**

* Regardless which entry point a user tags, the proceeding flow is the same. The workflow when creating a SuperMind request is outline within the following prototype and detailed below. **[A. Create Supermind from post entity - Prototype](https://www.figma.com/proto/thrGepQAxmcMGB7MoEEckM/Supermind?page-id=287%3A5127&node-id=295%3A9679&viewport=857%2C575%2C0.13&scaling=min-zoom&starting-point-node-id=295%3A9679&show-proto-sidebar=1)**
  * The compose will launch. The SuperMind badge will appear top-right. Note also the slight change in context of the composer toolbar.
    * Monetise has been removed
    * The post button has been replace with a continue button.
    * \[Confirm which options to be omitted from the ellipsis menu\]
  * When a user presses continued, they will be brought to the SuperMind screen. Here the user can confirm the targeted channel, define an offer amount and currency type.
    * A user can pay in either tokens or cash.
    * A user can only pay in cash where the producer has a bank account connected to their minds account.
    * Where the producer does not have a connected bank account, the consumer will not see a cash option
  * When a SuperMind request is made, there are a total of four response types. There are:
    * Any reply (Text)
    * Video Reply
    * Image Reply
    * Remind
  * It is assumed that Twitter integration will not be required for the first iteration.
  * Where a minimum offer value is present, a user can not submit a request where the minimum offer has not be satisfied.
  * Once the user presses ‘Send Request’ a notice will display informing them that the request has been sent and when to expect a reply.
  * [Responsive mobile composer - prototype](https://www.figma.com/proto/thrGepQAxmcMGB7MoEEckM/Supermind?page-id=287%3A5127&node-id=825%3A17105&viewport=-9081%2C5560%2C1&scaling=min-zoom&starting-point-node-id=825%3A17105&show-proto-sidebar=1)
  * [Responsive mobile composer](https://www.figma.com/file/thrGepQAxmcMGB7MoEEckM/Supermind?node-id=866%3A17125)

**Create Request from Activity Post in Feed**

* A new `S` SuperMind icon is to appear within the activity post interactions, replacing tip. Tip is to be moved within the ellipsis menu - **[B. Activity Post in-feed prototype](https://www.figma.com/proto/thrGepQAxmcMGB7MoEEckM/Supermind?page-id=287%3A5127&node-id=287%3A5128&viewport=-9081%2C5560%2C1&scaling=min-zoom&starting-point-node-id=287%3A5128&show-proto-sidebar=1)**
* After clicking on the SuperMind prompt, the the composer will launch with the quoted post in-view.
* Additionally, we may want to draw attention to the `SuperMind` button within the activity post (feed).
  * Where a user interests with a post (i.e. up-vote) we could highlight the SuperMind button my means of a popover.

**Create request from activity post entity**

* Two larger more prominent prompts will appear within this view, `Boost` and `SuperMind` - [Post Entity Design - Owner](https://www.figma.com/file/thrGepQAxmcMGB7MoEEckM/Supermind?node-id=295%3A9679)
* The boost option will only displaying when viewing one’s own content. When viewing someone else’s post, the `SuperMind` CTA will span full-width.[Post Entity - Visitor](https://www.figma.com/file/thrGepQAxmcMGB7MoEEckM/Supermind?node-id=295%3A10153)

**Via the Composer**

* Additionally users may create SuperMind requests from within the composer, without being referred from a post or from within the channel.
* Note the inclusion of the new `S` / SuperMind icon with the composer toolbar.
  * As the user types, if they enter a valid channel name, attention should be brought to the `S` icon with a tooltip.
  * Clicking the `S` will lunch the SuperMind screen, where they can define the target, currency type, bid etc.
  * Alternatively the user can simply open the SuperMind menu without necessarily specifying a channel name within the composer itself.
* See prototype here -> **[C. Supermind directly from composer](https://www.figma.com/proto/thrGepQAxmcMGB7MoEEckM/Supermind?page-id=287%3A5127&node-id=295%3A9679&viewport=857%2C575%2C0.13&scaling=min-zoom&starting-point-node-id=295%3A9679&show-proto-sidebar=1)**

### Composer elements

This table indicates which elements of the composer appear in which contexts.

| Button                      | Standard post creation | Supermind offer | Supermind reply |
|-----------------------------|------------------------|-----------------|-----------------|
| Header                      | Yes                    | Yes             | Yes             |
| Create blog button          | Yes                    | No              | No              |
| Ellipsis menu               | Yes                    | No              | No              |
| Supermind label (top-right) | No                     | Yes             | Yes             |
| Emoji button                | Yes                    | Yes             | Yes             |
| Upload button               | Yes                    | Yes             | Yes             |
| NSFW button                 | Yes                    | Disabled        | Disabled        |
| Monetize button             | Yes                    | No              | No              |
| Tags button                 | Yes                    | Yes             | Yes             |
| Supermind button            | Yes                    | Yes             | Yes             |
| Schedule post               | Yes                    | No              | No              |
| Post button                 | Yes                    | Yes             | Yes             |

## Personas

<!---
Who does this user impact and why (optional)
--->


## Experiments

<!---
Experiments are not required, but it should be made clear if one is expected. If experiments are required, the hypothesis should be outlined.
--->


## Acceptance Criteria

<!--
Everyone should be able to understand what is expected to be delivered
--->

- [x] Create Supermind button variation and reusable component
- [x] Create Composer panel for Supermind creation steps
  - [x] Cash should be default
  - [x] Re-use payment method (card) component and logic from Wire/Pay modal
  - [x] Ensure form validation for fields such as Offer amount
  - [x] Re-use username autocomplete component from boost offers (see #5647 for prefill support)
  - [x] Response dropdown type (in order)
    - [x] Empty state (default)
    - [x] Video reply
    - [x] Text reply
    - [x] Image reply
  - [x] Twitter stuff out of scope
  - [x] Cancel out logic (`Clear` action added to supermind overlay)
- [x] You **can not schedule** a supermind post
- [x] You **can not post** an NSFW supermind post
- [x] You **can not monetize** a supermind post
- [x] The composer elipses/kebob menu should not be displayed when in a supermind state
- [ ] ~On composer, when pressing Post, ensure there is a confirm modal outlining price and authorization on card~ https://gitlab.com/minds/minds/-/issues/3378
- [x] Composer toolbar should now be icons only
- [x] Playright tests

## Definition of Ready Checklist

- [x] Definition Of Done (DoD)
- [x] Acceptance criteria
- [x] Weighted
- [x] QA
- [x] UX/Design
- [x] Personas
- [x] Experiments

Story points: 13.0