ui-fixes/ Show seedphrase and type seedphrase screens

[QUDBS]

Show seedphrase screens

• If the user didn't click show button, the Continue button should be disabled
• Show button: fill #FFFFFF 10% opacity, stroke #FFFFFF 20% opacity ( https://www.figma.com/file/eUJAc1beEvNcLPGszkY1xo/Xverse-%E2%80%94-Extension?node-id=1068%3A48482 )
• Need a stroke on the hidden form as well: 1px #303354

• make the ordinal numbers next to words less prominent (white with 60% opacity)
• issue with longer words going on 2 lines / can be seen with @QUDBS

Type seedphrase screens

• Stepper: two dots should be filled
• Field label is in Satoshi-Medium 14px
• Verify button should be disabled if the textbox is blank
• Focus style of the field is not right. For components states see https://www.figma.com/file/eUJAc1beEvNcLPGszkY1xo/Xverse-%E2%80%94-Extension?node-id=2038%3A61117

• Border of the field should be red too, #D33C3C 30% opacity

- [ ] The type seedphrase screen on the Restore wallet flow is different (fonts, button position) than on the New wallet flow. They should be almost similar

[QUDBS]

Having a doubt right now. Should the field name be "Selected words" or "Seedphrase" ?

[QUDBS]

Regarding the seedwords length problem, I edited the dimensions on this component.
Given that the longest seed words can go up to 8 letters and that the longest letter is M, I retested with words like "Maximum, Mushroom, Mosquito" and there should be enough space for at least an extra character on each line