Categories and budget allocation view

[MoeNick]

As a user, I want to see the last of the categories to decide on delegation or voting.
As a user, I want to have some CTAs for connecting to WorldID and Farcaster
As a user, I want to have a CTA to update my ballot on voting UI.

Design and User Flow

https://www.figma.com/design/tP7Arb2C8aDB05wCVxVVSB/Pairwise-RF6--%3E-Voting-App?node-id=865-70829&t=iSsVXOP4qNd9hqmr-4

Success Criteria

1-General

• There are 4 categories in which the Budget category has different Voting experience. It should load Budget Allocation view.

• The budget category does not have any projects number badge.

• Delegate will load the Farcaster delegate flow. Delegate to a Farcaster account #3

• Vote will load the pairwise comparisons flow if connected by email. Pairwise comparisons with stars and undo #5 Login with email with OTP to vote #4

• Voted categories should not be able to be delegated

• Delagated categories should not be able to be voted.

• Voted categories can be edited manually and attested again. Edit the ranking of a category #6

• 2- Voted categories has
  1- edit and view attestation CTAs,
  2- green border and voted badge
  3- they can have the n people delegated to you badge if connected to Farcaster/X

• 3- Delegated Categories has
  1- a delegated to @handler
  2- a revoke CTA, which revokes the delegation and changes the status.
  3- they are grayed out
  4- they can have the n people delegated to you badge if connected to Farcaster/X

• 4- Clicking on a vote on the Budget category will show the Budget allocation view with a slider and percentages on each category.
  0- check if connected with email Login with email with OTP to vote #4 then load the page
  1- The slider can change the OP amount
  2- Percentages can be locked, only one of them can be locked at the same time, if any are locked, the other will be disabled.
  3- when changing any % the other will change accordingly based on the weights they have (it's not equal raise/deficit if more than one is unlocked)
  4- if the user ends up having more than 100% in summation, a toast message shown accordingly
  5- The back button will lead the user back to categories.
  6- Submit vote will load the attestation flow.

• 5- Your voting power box, it shows the badges, and has a worldID button, which is different when connected. (remove X for first version)

• 6- Claim more voting box It shows the connect with Farcaster and X button, and has a different view when any of them connected. (remove X for the first version)

• Categories View for Badgeholders #37

• Update ballot flow #15

• Header of the DApp #16

[MoeNick]

I updated the issue @Meriem-BM please update after you're done with your currant task
CC: @mmahdigh to support and be in the loop

[MoeNick]

• 1- When user started voting we should have a voting badge,

• 2- There is unnecessary space within these 2 boxes for normal screens..

• 3- UI Glitches on voting on a budget

[MoeNick]

• 4- Delegate to a Farcaster account #3 (comment) @Meriem-BM

[maryjaf]

1,2,3 have been fixed , thanks