[FEATURE] Re-design "Categories" view

[vraj152]

Please confirm the following:

• [X] I've checked the current issues for duplicate issues.
• [X] I've requested a single (only one) feature/change in this issue. It complies with the One Request Per GitHub Issue (ORPGI) rule.
• [X] My issue is well-defined and describes how it should be implemented from UI/UX perspective.

What do you want to be added or improved?

Note: Similar concern for different view has been raised here - #3297

Most if not all, categories will have "expense" (not income) - Consider this screenshot. The space here is mostly wasted.

Why do you need it?

No response

How do you imagine it?

No response

[ivywallet]

Thank you @vraj152 for raising Issue #3364! 🚀 What's next? Read our Contribution Guidelines 📚.

Tagging @ILIYANGERMANOV for review & approval 👀

[rodrigomatosc]

I'm on it

[ivywallet]

Thank you for your interest @rodrigomatosc! 🎉 Issue #3364 is assigned to you. You can work on it! ✅

If you don't want to work on it now, please un-assign yourself so other contributors can take it.

Also, make sure to read our Contribution Guidelines.

[rodrigomatosc]

@ILIYANGERMANOV, what are your thoughts on this redesign?

[ILIYANGERMANOV]

@ILIYANGERMANOV, what are your thoughts on this redesign?

Misses information about which account is excluded. Also make sure to gate it via IvyFeatures. The compact design should be disabled by default.

My feedback:

• Reduce spacing between accounts
• Make the Balance text a bit bigger to match the icon size
• Support base currency equivalent (e.g. accounts that are not in base currency)

@stefanilijev97 for design feedback

[ILIYANGERMANOV]

Looks compact 💯 These are categories (forget about excluded accounts) I thought you were redesigning the Accounts tab (which btw can look similarly)