multi: Add Proposal New page

[victorgcramos]

Closes #2759
Closes #2740

This PR implements the Proposal New page, using the also implemented
RecordForm structure.

⚠️ Depends on:

• [v2] DatePicker: Arrow Responsive Picker pi-ui#446
• BoxTextInput: Add info icon tooltip pi-ui#447

Pi

• Add Proposal New page (/record/new)
• Use single page layout (multi: Add Default Pi Layout on Home Page #2748)
• Add "Create Proposal" Banner
• Get domains from pi policy (e8ede29)
• Add proposal rules
• RFP Proposals form items
• Amount form component

Common-ui

• Use react-hook-form instead of Formik. ([plugin-architecture] Replace formik by react-hook-form #2740)
• Text Input
• Markdown Input
• Select Input
• Date Picker input

Preview

[victorgcramos]

Preview:

[victorgcramos]

Before / After

Regular Proposal

RFP Proposal

RFP Submission

[tiagoalvesdulce]

Good job. I like the improved design. A few comments:

1. The info tooltips for the RFP Tokens and RFP Deadlines are missing.
2. Tab navigation can be improved. Ideally we should be able to navigate through the page with the Keyboard (https://webaim.org/techniques/keyboard/). This should probably be done in the Form components.
3. Margin between the markdown editor and Domain select can be increased a little to match the other inputs:

[victorgcramos]

@tiagoalvesdulce thanks for the feedback!

1. Opened an issue on pi-ui so we can add those icons inside the input: [BoxTextInput] Add Info icon tooltip pi-ui#444
2. Datepicker currently has no arrow navigation implemented. Opened an issue on pi-ui: [Datepicker] Make datepicker arrow responsive pi-ui#445. Improved tabs navigation on the other inputs.
3. Done!

[victorgcramos]

Accessible navigation preview

datepicker-arrow-v2.mp4

[tiagoalvesdulce]

Keyboard navigation is looking pretty good.

One small thing: after writing the proposal description you should focus on the Save Draft and Submit buttons in the bottom when hitting tab.

[tiagoalvesdulce]

LGTM