feat: improve design system architecture and overall styling

[nistadev]

Description

• The architecture for the theming was improved to support multiple themes and to reuse styles for overriding components. This is the base for the future improvements regarding styles and theming across all application.
• Removed gray backgrounds and layout paddings modified according to the new revamp specs (only affects revamp)
• BONUS FEATURE: as I was changing the architecture for the theming part, in parallel I added a new theme we were working on with designers, dark theme. Still WIP but it is a good PoC and keeps the structure clean and simple, we will only need to be updatind the UI components to use DS tokens instead of hardcoded values or css-in-js properties. You will find a button to toggle the color mode on Settings > Version. Note: not all components are updated to use theming in a proper way, this will be done in the near future.

Screenshots
Overall design improvement (background, paddings)

(disabled) Dark mode

[neuodev]

[autoscirpt] Jira Ticket: Add style variants for revamp components & remove grey background

[nistadev]

Fixed on the last commit 👇🏽

• ✅ Buttons “Receive“ and “Send“ are missing
• ✅ Border color of the wallet component is different from the design
• ✅ The line-height of Export button should be 22 not 19 as it is now
• ✅ Width of the left side-panel should be 72px.
• ✅ The color of the left side-panel should be linear-gradient.
• ✅ The icon for the Stake delegated is added to the design.
• ✅ The width of the central part should be fixed to 1,872px

Fixed (or will be) in other PR 👇🏽

• The copy address icon should have size 24x24 not 20x20 as it is now
• The line-height of table headers should be 22 not 24 as it is now
• The line-height of timestamp should be 22 not 24 as it is now
• The height of the subMenu tabs element should be 48 not 37 as it is now

[neuodev]

• feat(send): revamp send page layout #3254
• feat(tx): update transactions page layout #3251
• feat(receive): revamp receive page layout #3253
• feat(nfts): revamp nfts page  #3258

[sonarqube-yoroi]

SonarQube Quality Gate

0 Bugs
0 Vulnerabilities
0 Security Hotspots
4 Code Smells

No Coverage information
0.0% Duplication

[vsubhuman]

/check