4330 create validator profile

[eshark9312]

• Create validator profile #4330

Add section to create membership modal for validator's membership.
Add additional step to create membership transaction modal for binding validator's account to the membership.

> Design
> Story

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
dao	✅ Ready (Inspect)	Visit Preview	Dec 28, 2023 4:23pm
pioneer-2	✅ Ready (Inspect)	Visit Preview	Dec 28, 2023 4:23pm
pioneer-2-storybook	✅ Ready (Inspect)	Visit Preview	Dec 28, 2023 4:23pm

[thesan]

Please rebase #4428 on the latest dev so you can add a test case for the validator profile creation in the App stories

[thesan]

@eshark9312 please add some tests in packages/ui/src/app/App.stories.tsx.

Just like how there is a "Buy Membership Happy", "Buy Membership Not Enough Fund", and "Buy Membership Tx Failure" there should be one happy case flow and some failure cases.

You can check @IlyaSmiyukha's work in the same file (for the backend registration): https://github.com/Joystream/pioneer/pull/4474/files#diff-7380f0a1250873010f135b13dda41bfe98c692e64e9ec929f2d31598b595e8a5

[thesan]

Nice work once again 🙌

I had forgotten to suggest skipping the validator query for until someone claims to be a validator on my last review so I added it in a small commit (especially since I'm not so available rn so going through another review cycle would waste time).

Also I'm merging this on a new validators branch so feature can still be released while the validator dashboard is getting tested.

So from the top of my head what's left is:

• Validator page responsiveness #4706
• Adding the dashboard to the app routes and the navigation Done in Validator page responsiveness #4706 !
• The update membership modal