[UI] [Profile] Redeem Modal

[proofoftom]

User Story

As a Gitcoin Buyer, I want to redeem someone's personal token so that I can receive an hour of their time.

Why Is this Needed

Summary: Allow users to redeem their tokens through Gitcoin users Profile and track those redemptions via the Dashboard.

Description

Type: Feature

Allow users to redeem personal tokens directly from a user's profile by using the "Redeem" modal.

Upon submitting a redemption, create a direct Chat with the Creator via Gitcoin messenger and kick them to the Dashboard to manage outgoing requests.

Expected Behavior

Users will navigate to Creators profile to redeem their tokens

Definition of Done

• Refined /redeem page to a modal on the profile instead of creating a standalone page.
• Created mockup which synthesized the redemption process in line with Gitcoin team comments.
• Point users to /dashboard when redeeming a token to manage the process
• Updated flow to mimic process

Additional Information

See "Buy/Redeem Modal" and focus on the "Redeem" Frame. To see this in practice, reference the [Prototype] Profile - Buyer View https://www.figma.com/file/3kFR9QQTEQRytJg5uKs5Zg/Gitcoin-Personal-Tokens?node-id=159%3A917

[coopahtroopanew]

Updated task description. Take note of the need to create a DM with the Creator when submitting a redemption. Prototype of flow when redeeming here https://www.figma.com/proto/3kFR9QQTEQRytJg5uKs5Zg/Gitcoin-Personal-Tokens?node-id=346%3A0&scaling=min-zoom

[cupOJoseph]

Please also include:

• Gitcoin's Standard Waiting on transaction modal
• transaction confirmed acknowledgement
• transaction failed acknowledgement and handling

[coopahtroopanew]

To be assigned after Database PR is merged