chore: [IOBP-368] Revamp wallet transaction detail page

[Hantex9]

Short description

This PR integrates the revamp of the new wallet transaction detail page

List of changes proposed in this pull request

• Added into walletV3 feature folder structure the transaction folder
• Added the redux flow and saga mock (that doesn't make a real API request until we switch from actual PM to BIZ Event);
• Added two new screens: WalletTransactionDetailsScreen and WalletTransactionOperationDetailsScreen
• Added Skeletons showing up while loading some API requests;
• Connected redux flow & sagas to the walletV3 feature store;
• Added translation locales;
• Edited the current navigateToTransactionDetailsScreen redirecting to the new screen;

How to test

• Go into the transactions list from the wallet home;
• Select any transaction from the list;
• You should be able to see the new transaction screen;

Revamp design

https://www.figma.com/file/SDaOSTsQnJUxmoPQEfz3bJ/Ricevuta-di-pagamento-pagoPA?type=design&node-id=520-10951&mode=design&t=KSENC2iM2XXGMJaT-4

Preview

Before	After
before.mov	new-transaction-details.mov

NB: In the new transaction preview video there is a 2-second forced loading to show up skeletons to showcase how the loading page looks when it is loading

[pagopa-github-bot]

Affected stories

• ⚙️ IOBP-368: Implementazione nuova schermata dettaglio transazione
  subtask of
  • ⚡ IOBP-196: Integrazione IO-wallet PagoPA (Flusso on-boarding)

Generated by 🚫 dangerJS against 027d4a6

[thisisjp]

@Hantex9 what a huge change in the app 🚀

Two comments👇

1. "Totale" should include the fee (aka it's the former "Totale pagato" field)
2. Can we truncate after the first line in the list item with value shown in the first page?

[codecov]

Codecov Report

Merging #5282 (027d4a6) into master (e3608af) will decrease coverage by 0.10%.
The diff coverage is 26.08%.

Additional details and impacted files

@@            Coverage Diff             @@
##           master    #5282      +/-   ##
==========================================
- Coverage   47.84%   47.74%   -0.10%     
==========================================
  Files        1565     1576      +11     
  Lines       32505    32639     +134     
  Branches     7982     8029      +47     
==========================================
+ Hits        15552    15584      +32     
- Misses      16903    17005     +102     
  Partials       50       50              

Files	Coverage Δ
ts/components/ui/RNavScreenWithLargeHeader.tsx	5.88% <ø> (ø)
...s/features/walletV3/common/store/reducers/index.ts	100.00% <ø> (ø)
...atures/walletV3/transaction/store/actions/index.ts	100.00% <100.00%> (ø)
ts/navigation/AuthenticatedStackNavigator.tsx	13.04% <ø> (ø)
ts/features/walletV3/common/saga/index.ts	0.00% <0.00%> (ø)
...ures/walletV3/transaction/navigation/navigator.tsx	75.00% <75.00%> (ø)
ts/utils/stringBuilder.ts	95.83% <90.00%> (-4.17%)	⬇️
ts/features/walletV3/transaction/saga/index.ts	0.00% <0.00%> (ø)
...action/components/WalletTransactionTotalAmount.tsx	28.57% <28.57%> (ø)
ts/screens/wallet/WalletHomeScreen.tsx	2.33% <0.00%> (-0.08%)	⬇️
... and 7 more

---

Continue to review full report in Codecov by Sentry.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update e3608af...027d4a6. Read the comment docs.

[Hantex9]

@Hantex9 what a huge change in the app 🚀

Two comments👇

1. "Totale" should include the fee (aka it's the former "Totale pagato" field)
2. Can we truncate after the first line in the list item with value shown in the first page?

1. Addressed into 378a646
2. Actually the component ListItemInfo doesn't allow to set a max number of lines to the title, maybe it could be addressed by @dmnplb ?

Preview of grandTotal