Feat/UI improvements

[tomicvladan]

Added additional descriptions to the Metamask passphrase modal and the main invites page.

[IgorShadurin]

I like the idea of explaining to the user what the password is for.
However, it seems to me that this explanation should only be shown if the user wants it. This will help simplify the interface.

An example of how this can be done through tooltip or popovers

wdyt?

[tomicvladan]

I agree, using a tooltip would improve UI, but most likely users won't even read the message in such situation. This information is important to be aware of, and keeping it visible it will increase chances that users will actually read it.

[tfius]

this is very ugly, bad ux, how can we change it ?
it might be better that text explaining procedure is "after" command button.

[tomicvladan]

Maybe this additional text can be moved to a component like this https://headlessui.com/react/disclosure

[tfius]

Maybe this additional text can be moved to a component like this https://headlessui.com/react/disclosure

could be

[tomicvladan]

This is the latest change that I made.

When opening this modal for the first time (first time login with Metamask), the message is expanded so the user will be able to see the message:

Each next time when the user opens this modal again, the message will be hidden, but it can be opened by clicking the "Read more" section.