improve UI of accounts screen

[laxyapahuja]

Issue Fix

Fixes #103

Description

Updated the UI to the new redesign design.

Screenshots

• [x] Run the unit tests with ./gradlew check to make sure you didn't break anything

• [x] If you have multiple commits please combine them into one commit by squashing them.

[rchtgpt]

hey @laxyapahuja, you'll have to add all the dimensions, texts and colors in dimens.xml, strings.xml and colors.xml respectively.

[laxyapahuja]

updated.

[rchtgpt]

I can still see some hardcoded texts, colors and dimensions. can you check again?

[laxyapahuja]

Updated.

[laxyapahuja]

@rachittt all this code was already existing. i haven't touched it and it is not advised to correct already existing code :)

[rchtgpt]

@laxyapahuja, when the user clicks on the loan button, a plus icon will appear on the top right side which will redirect the user to Apply for Loan screen. Please check the prototype video of mockup design from '0:15' to get reference.

[laxyapahuja]

@laxyapahuja, when the user clicks on the loan button, a plus icon will appear on the top right side which will redirect the user to Apply for Loan screen. Please check the prototype video of mockup design from '0:15' to get reference.

updated.

[luckyman20]

Use RecyclerView to show lists.

[laxyapahuja]

Use RecyclerView to show lists.

There already was a recycler view for recent transactions. I've used that fragment as a nested fragment in dashboard activity as that was the most optimal solution and didn't require me to change the code much.

[garvit984]

The tint color for deposit and loan is not correct. Cards are also not as per the design. The position, size, and color of the plus symbol are not correct. Remove that Toolbar.

[garvit984]

@laxyapahuja Please correct the conflicting files and the changes requested above.