feat: [PE-550] Revamp CGN Categories/All merchants screen with new DS

[CrisTofani]

Short description

This PR refactors the CGN categories and all merchants screen with to apply the new DS

List of changes proposed in this pull request

• Refactors CgnMerchantsCategoriesSelectionScreen.tsx
• Move code to CgnMerchantCategoriesListScreen.tsx
• Refactors CgnMerchantsListScreen.tsx
• Removed CGN_ROUTES.DETAILS.MERCHANTS.LIST route

How to test

Navigate to CGN details than check the list of categories and tab of merchants.

Important

Icons and TabItem style will be updated by DS package in a release after merging pagopa/io-app-design-system#236

Simulator.Screen.Recording.-.iPhone.14.Pro.-.2024-04-05.at.17.00.21.mp4

[pagopa-github-bot]

Affected stories

• 🌟 PE-550: [FE] Revamp schermate lista categorie/esercenti
  subtask of
  • ⚡ PE-511: CGN - Adeguamento flussi/schermate a nuovo DS 2.0

Generated by 🚫 dangerJS against 1868144

[codecov]

Codecov Report

Attention: Patch coverage is 9.52381% with 57 lines in your changes are missing coverage. Please review.

Project coverage is 48.95%. Comparing base (4f204b4) to head (1868144).
Report is 47 commits behind head on master.

Additional details and impacted files

@@            Coverage Diff             @@
##           master    #5668      +/-   ##
==========================================
+ Coverage   48.42%   48.95%   +0.53%     
==========================================
  Files        1488     1589     +101     
  Lines       31617    31987     +370     
  Branches     7669     7752      +83     
==========================================
+ Hits        15311    15660     +349     
- Misses      16238    16269      +31     
+ Partials       68       58      -10     

Files	Coverage Δ
ts/features/bonus/cgn/navigation/actions.ts	50.00% <ø> (ø)
ts/features/bonus/cgn/navigation/navigator.tsx	70.00% <ø> (ø)
ts/features/bonus/cgn/navigation/routes.ts	100.00% <ø> (ø)
ts/features/bonus/cgn/screens/CgnDetailScreen.tsx	14.28% <ø> (+0.33%)	⬆️
.../cgn/components/merchants/CgnMerchantsListView.tsx	9.09% <0.00%> (-3.41%)	⬇️
...erchants/CgnMerchantsCategoriesSelectionScreen.tsx	29.41% <33.33%> (+26.78%)	⬆️
...s/cgn/screens/merchants/CgnMerchantsListScreen.tsx	9.75% <0.00%> (-0.51%)	⬇️
...eens/merchants/CgnMerchantCategoriesListScreen.tsx	3.03% <3.03%> (ø)

... and 190 files with indirect coverage changes

---

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 d4eb1b6...1868144. Read the comment docs.

[Hantex9]

What do you think about showing all these new CGN flows and redesigns under a new feature flag? Since not only has the layout of the screens changed, but also some of the flows, it could be a problem during the work in progress and users would end up with half old flows and half new flows and it could be inconsistent.

[Hantex9]

Doing some tests after upgrading the io-app-design-system library, I'm facing an issue with the Tab buttons while selecting. It seems that even if it is selected, the tab button doesn't change style and it appears to be an issue of the TabItem component.

Registrazione.schermo.2024-05-06.alle.11.52.01.mov

[Hantex9]

LGTM!