feat: background for WalletSidebarTemplate

[0xneves]

Feature Request

Describe the Feature Request

This is the background component layer for the wallet sidebar.

Definition of Done:

• Create the proposed component
• Open this component when the wallet is clicked. Open on the right side with slide effect from right to left.
• Blur the rest of the website (50%)

Describe Preferred Solution

• The name of the template: WalletSidebarTemplate

• Style:

border-radius: 20px 0px 0px 0px;
border-top: 1px solid var(--black-black-04-stroke, #353836);
border-left: 1px solid var(--black-black-04-stroke, #353836);
background: var(--Black-Black-02, #212322);
box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.40);

• Style for Light Mode:

border-radius: 20px 0px 0px 0px;
border-top: 1px solid var(--White-White-02, #F0EEEE);
border-left: 1px solid var(--White-White-02, #F0EEEE);
background: var(--White-White-01, #F6F6F6);
box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.30);

• What we are looking for (please do not consider the elements inside):

Dark Mode	Light Mode

• Sizes:

display: flex;
width: 400px;
height: 720px;
flex-direction: column;
align-items: flex-start;

• Properties:

Dark Mode	Light Mode

[heronlancellot]

closed by #129