Add username edit feature

[MattPereira]

Fixes #60

Summary

• Split the ProfileDetails section of profile page into its own component
• Set up a skeleton loader component that shows until all necessary profile data is fetched
• Added contract read/write for getData and setData functions of UP contract
• Added edit icon next to user's upDev username with onClick that triggers edit mode
• Clicking "save" sends the setData transaction to UP contract on mumbai
• @bshevchenko moved the "not yet verified on Lukso Mainnet" alert to be at top of page so it doesnt interfere with Stan's design

See screenshots of changes

[vercel]

@MattPereira is attempting to deploy a commit to the Deez Stealth Team on Vercel.

A member of the Team first needs to authorize it.

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
updev	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 7, 2023 6:36pm

[bshevchenko]

@MattPereira all lgtm, but refetch doesn't work. I have to refresh the page to see new name. And looks like there is some bug with "Loading" state. I guess it should be Loading once I click on submit icon and while tx is mining. But instead I've seen it only once when I cancelled one of my transactions: Loading... just stuck there after.

Also I think we should consult Stan about icons

[bshevchenko]

@MattPereira i checked it all via deploy for this PR: https://updev-pj96crwwd-deez-stealth.vercel.app/profile/0x7885f82e19e5950129cB78356C56DD571E792508

[bshevchenko]

great job @MattPereira !