Refactor TransactionCard UI to support compactMode

[p42rthicle]

Pull request (PR) checklist

Please check if your pull request fulfills the following requirements:

• I've read the Contribution Guidelines and my PR doesn't break the rules.
• I've read and understand the Developer Guidelines.
• I confirm that I've run the code locally and everything works as expected.
• My PR includes only the necessary changes to fix the issue (i.e., no unnecessary files or lines of code are changed).
• 🎬 I've attached a screen recording of using the new code to the next paragraph (if applicable).

Screen recording of your changes (if applicable):

transaction-card-compact.mp4

What's changed?

Describe with a few bullets what's new:

• I've refactored the transaction card to support compact mode.
• In the compact mode, the transaction card does not show
  • The account badges
  • Categories badges
  • Tags row
  • Description
• Hides the due date and the Skip or Pay/Get buttons in a toggleable expand icon
• I have refactored the components into individual reusable composables for better readability and understanding of the file
• The TypeAmountCurrency in the non-compact card is also now TitleTypeAmountCurrencyRow just without showing the title
• Have handled cases when the user might enter huge currency or huge amount.
• Additionally, I have introduced a new string value for the case when the recurring transaction is paidFor and is of INCOME type

Before	After
Old cards video	Compact cards video

Risk factors

What may go wrong if we merge your PR?

• The paparazzi screenshot for the :screen:transactions was breaking when the compactModeEnabled was set to true
• I haven't changed any functionality just the UI so logic shouldn't break.
• The new introduced string value income_received needs to be edited for the two languages (Have added Todo comments)

In what cases won't your code work?

• Should work since its a simple Bool Feature

Does this PR close any GitHub issues? (do not delete)

• Closes Add Compact-Sized Transaction Cards with Toggle Option #3498

Troubleshooting GitHub Actions (CI) failures ❌

Pull request checks failing? Read our CI Troubleshooting guide.

[p42rthicle]

🚧 WIP
Have refactored the TransactionCard to support compactMode

[p42rthicle]

Hi @ILIYANGERMANOV, how do I take care of the failing screenshot test here?
:screen:transactions:test - TransactionsPaparazziTest is failing here.

Here is the snapshot of what it expects.

Here, in the empty upcoming transaction card, there is the "deleted" tag that is shown however in my implementation of the compact mode I have omitted tags.
Attaching screen recording of current implementation for your reference.

compactmode_transaction_card_current_state.mp4

Can you help me out so I can proceed? Thanks!

[p42rthicle]

@ILIYANGERMANOV
Could you review this?

[ILIYANGERMANOV]

Hey @p42rthicle sorry I missed this PR because the CI was failing and it seemed dangerous to me

[p42rthicle]

Yes, I think it's some lint checks that are failing. How do I work on it?

[ILIYANGERMANOV]

Your compact mode isn't showing accounts and categories. Accounts and categories are essential data. Instead of showing one big INCOME/EXPENSE icon let's display the other useful info. Also how does it work for transfers?

[p42rthicle]

I purposely omitted the categories and accounts info as I wanted the compact mode to display just bare minimum information. However, if you suggest I can add those in the compact mode.
What do I omit then in that case? Just the #tags and description (and the INCOME/EXPENSE ICON)? The color on the amount text can suggest if it was an income or an expense
For transfers, I am showing the transfers Icon and amount and no accounts right now. Do you suggest I add those too and make changes?

[p42rthicle]

@ILIYANGERMANOV