Create Deposit and Withdrawal Sections on Exchange Front-end

[Okm165]

Issue Description: The goal of this issue is to create the Deposit and Withdrawal sections on our exchange front-end. These sections will allow users to deposit and withdraw assets from the exchange.

The following components need to be modified:

1. web/@app/exchange/src/components/Assets.tsx
2. web/@app/exchange/src/components/Assets/

Tasks:

1. Implement the Deposit section:

   • Add a deposit input field where users can enter the destination address for the deposit.
   • Include an input field for the deposit amount.
   • Implement a deposit button for initiating the transfer.

2. Implement the Withdrawal section:

   • Add an input field for the withdrawal address where users can specify the destination address for the withdrawal.
   • Include an input field for the withdrawal amount.
   • Implement a withdrawal button to initiate the transfer.

Additional Notes:

• Ensure the design is visually appealing and responsive, adjusting appropriately when the browser window is not wide enough.
  • Utilize Solid.js, Tailwind CSS, and TypeScript for development.
  • Do not include advanced TypeScript logic or backend functionality at this stage.
• Both the Deposit and Withdrawal sections should be placed next to each other in the user interface.
• These sections can stack vertically (one above the other) when the browser window is not wide enough to accommodate them side by side.
• The majority of the required components have already been developed (numberInput, textInput, buttons).

[MichalMizia]

Claim