Sign/check voting eligibility

As a badgholder, I want to be able to start ranking projects in a specific category. I can start from the Pairwise landing page OR from the locked ballot link from Agora.

[Designs here
](https://www.figma.com/design/WTT6ygvEonijX7Lc0pj6Ru/Pairwise-Desktop-App?node-id=674-12361&t=5LY1cU534k8I0mS8-4)
Success Criteria:
- Let them connect and sign a message.
- With SIWE get the category and user address by decoding the jwt token get from Agora. If the user does not have any category they are not eligible. we show the toast message of “No Access”
- If users come from the Landing page we should do the same as the above flow

- User Flow should be like below

1. The user clicks on Connect
2. Connect modal shows up

3. We automatically ask for a signature and the loading modal will be shown while asking for a signature.


This modal only be shown when the request fails in the users wallet.

4. If the user signs we will detect their eligibility to vote. If they reject to sign in their wallet we will show the above modal again.
5. If the user is a badge-holder AND a guest voter, they can continue voting and we will show them the comparison cards. If the user is not a bagholder or guest voter (legibility can be checked via Agora's jwt token) we will show this modal

6. In the above modal, the Back button will disconnect the user and DApp will show the connect flow again.

7. If in the middle of voting user has changed their wallet, we should warn them with this modal and let them know if they sign they begin with a new user. if they click on cancel, we can continue with the last signed address. and we will not change the address in the header.

8. Users can log out in the header by opening up the menu. This will disconnect and he token will be revoked.