feat: Show hints on proposal editor to get verified or to get turbo

[ChaituVR]

Test only after merging snapshot-labs/snapshot-hub#925 and snapshot-labs/snapshot-hub#926

Summary

Closes: https://github.com/snapshot-labs/workflow/issues/134

• Show a message when someone tries to post a proposal over the limit
• Show a message when someone tries to add more than the choices limit
• Show a message when someone tries to add more than the body chars limit
• Fix in apps/ui/src/helpers/validation.ts - Throws an error if we try to add more choices than the limit while keeping all choices empty

How to test

1. Update limits in apps/ui/src/helpers/turbo.ts
   for example:

diff --git a/apps/ui/src/helpers/turbo.ts b/apps/ui/src/helpers/turbo.ts
index 18869ff9..57f3753f 100644
--- a/apps/ui/src/helpers/turbo.ts
+++ b/apps/ui/src/helpers/turbo.ts
@@ -1,15 +1,15 @@
 export const MAX_BODY_LENGTH = {
-  default: 10000,
+  default: 1,
   turbo: 40000
 };
 
 export const MAX_CHOICES = {
-  default: 500,
+  default: 5,
   turbo: 1000
 };
 
 export const MAX_1D_PROPOSALS = {
-  default: 20,
+  default: 1,
   turbo: 40
 };

When body chars limit is reached:

When proposals limit is reached:

When choices limit is reached:

[changeset-bot]

⚠️ No Changeset found

Latest commit: cce78bb

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

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

[wa0x6e]

Text and the left fire icon do not seem to be aligned

[bonustrack]

Can you change default to be 10 for now?

[ChaituVR]

Why? to test?
try running this in the console

for (let i = 0; i < 500; i++) {
  document.querySelector(".static .s-base.mb-5 button.rounded-full.border.button.text-skin-link.bg-skin-bg.w-full.flex.items-center.justify-center.space-x-1").click();
}

[bonustrack]

The icon should be aligned the the text and not appear in the center of 2 lines.

[wa0x6e]

Beside the few UI issues raised above, everything's working well for me

Daily proposal limit on unverified spaces should be on another PR I think, since not related to turbo
There's also the issue about choices count above limit not showing any error message, but not related to this PR

[ChaituVR]

If proposal limit is reached and If space is not verified:

If proposal limit is reached and If space is not turbo but verified:

If choice limit is reached and If space is not turbo:

if chars limit is reached and If space is not turbo: (char limit is 1 here, just to get screenshot) - Mobile

[wa0x6e]

tAck

[wa0x6e]

We're currently showing this hint for onchain spaces, when proposal body is too long (> 10K).

Do not make sense since turbo is not supported yet for onchain spaces

[bonustrack]

Sorry I'm changing the design, I played a bit with it locally and figured out that the error and the turbo hint are saying something too similar that it doesn't worth making it separate, instead I propose something more light like this:

Others comments:
A: Spacing between the "Add choice" and error message should be 2.
B: It should use leading-6 as line-height
C: We should show formated number with ,

For space proposal limit you can do like this:

[ChaituVR]

Continued in #803