feat: [PE-551] Category detail screen

[CrisTofani]

Short description

This PR implements the new DS on CGN category detail screen.

List of changes proposed in this pull request

• Adds the new design elements on CgnMerchantsListByCategory

[!note] Categories list and all merchants list has been refactored on #5668

How to test

Navigate to CGN categories and check the detail of a single category.

https://github.com/pagopa/io-app/assets/3959405/3f7e6d42-77e1-4d8d-9325-0917c55a25ad

[pagopa-github-bot]

Affected stories

• 🌟 PE-551: [FE] Revamp schermate dettaglio categoria subtask of
  • ⚡ PE-511: CGN - Adeguamento flussi/schermate a nuovo DS 2.0

Generated by :no_entry_sign: dangerJS against 67360fd75f543e400e68be25d7147a3df251e921

[codecov[bot]]

Codecov Report

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

Project coverage is 48.94%. Comparing base (4f204b4) to head (67360fd). Report is 50 commits behind head on master.

Additional details and impacted files

[](https://app.codecov.io/gh/pagopa/io-app/pull/5693?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa) ```diff @@ Coverage Diff @@ ## master #5693 +/- ## ========================================== + Coverage 48.42% 48.94% +0.51% ========================================== Files 1488 1589 +101 Lines 31617 31996 +379 Branches 7669 7699 +30 ========================================== + Hits 15311 15660 +349 - Misses 16238 16278 +40 + Partials 68 58 -10 ``` | [Files](https://app.codecov.io/gh/pagopa/io-app/pull/5693?dropdown=coverage&src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa) | Coverage Δ | | |---|---|---| | [ts/features/bonus/cgn/navigation/navigator.tsx](https://app.codecov.io/gh/pagopa/io-app/pull/5693?src=pr&el=tree&filepath=ts%2Ffeatures%2Fbonus%2Fcgn%2Fnavigation%2Fnavigator.tsx&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa#diff-dHMvZmVhdHVyZXMvYm9udXMvY2duL25hdmlnYXRpb24vbmF2aWdhdG9yLnRzeA==) | `70.00% <ø> (ø)` | | | [...s/cgn/screens/merchants/CgnMerchantsTabsScreen.tsx](https://app.codecov.io/gh/pagopa/io-app/pull/5693?src=pr&el=tree&filepath=ts%2Ffeatures%2Fbonus%2Fcgn%2Fscreens%2Fmerchants%2FCgnMerchantsTabsScreen.tsx&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa#diff-dHMvZmVhdHVyZXMvYm9udXMvY2duL3NjcmVlbnMvbWVyY2hhbnRzL0Nnbk1lcmNoYW50c1RhYnNTY3JlZW4udHN4) | `35.29% <ø> (ø)` | | | [ts/features/bonus/cgn/utils/filters.ts](https://app.codecov.io/gh/pagopa/io-app/pull/5693?src=pr&el=tree&filepath=ts%2Ffeatures%2Fbonus%2Fcgn%2Futils%2Ffilters.ts&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa#diff-dHMvZmVhdHVyZXMvYm9udXMvY2duL3V0aWxzL2ZpbHRlcnMudHM=) | `100.00% <ø> (ø)` | | | [...s/cgn/screens/merchants/CgnMerchantsListScreen.tsx](https://app.codecov.io/gh/pagopa/io-app/pull/5693?src=pr&el=tree&filepath=ts%2Ffeatures%2Fbonus%2Fcgn%2Fscreens%2Fmerchants%2FCgnMerchantsListScreen.tsx&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa#diff-dHMvZmVhdHVyZXMvYm9udXMvY2duL3NjcmVlbnMvbWVyY2hhbnRzL0Nnbk1lcmNoYW50c0xpc3RTY3JlZW4udHN4) | `9.75% <0.00%> (-0.51%)` | :arrow_down: | | [.../cgn/components/merchants/CgnMerchantsListView.tsx](https://app.codecov.io/gh/pagopa/io-app/pull/5693?src=pr&el=tree&filepath=ts%2Ffeatures%2Fbonus%2Fcgn%2Fcomponents%2Fmerchants%2FCgnMerchantsListView.tsx&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa#diff-dHMvZmVhdHVyZXMvYm9udXMvY2duL2NvbXBvbmVudHMvbWVyY2hhbnRzL0Nnbk1lcmNoYW50c0xpc3RWaWV3LnRzeA==) | `12.50% <12.50%> (ø)` | | | [...n/screens/merchants/CgnMerchantsListByCategory.tsx](https://app.codecov.io/gh/pagopa/io-app/pull/5693?src=pr&el=tree&filepath=ts%2Ffeatures%2Fbonus%2Fcgn%2Fscreens%2Fmerchants%2FCgnMerchantsListByCategory.tsx&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa#diff-dHMvZmVhdHVyZXMvYm9udXMvY2duL3NjcmVlbnMvbWVyY2hhbnRzL0Nnbk1lcmNoYW50c0xpc3RCeUNhdGVnb3J5LnRzeA==) | `2.43% <0.00%> (-4.23%)` | :arrow_down: | ... and [196 files with indirect coverage changes](https://app.codecov.io/gh/pagopa/io-app/pull/5693/indirect-changes?src=pr&el=tree-more&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa) ------ [Continue to review full report in Codecov by Sentry](https://app.codecov.io/gh/pagopa/io-app/pull/5693?dropdown=coverage&src=pr&el=continue&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa). > **Legend** - [Click here to learn more](https://docs.codecov.io/docs/codecov-delta?utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa) > `Δ = absolute (impact)`, `ø = not affected`, `? = missing data` > Powered by [Codecov](https://app.codecov.io/gh/pagopa/io-app/pull/5693?dropdown=coverage&src=pr&el=footer&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa). Last update [e92e650...67360fd](https://app.codecov.io/gh/pagopa/io-app/pull/5693?dropdown=coverage&src=pr&el=lastupdated&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa). Read the [comment docs](https://docs.codecov.io/docs/pull-request-comments?utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa).