feat(IT Wallet): [SIW-1036] Add eID detail screen

[gispada]

Warning

This PR depends on #5780

Short description

This PR adds the credential detail screen for the eID. The screen can support other credential types as well, it would just need a bit more fine tuning.

Note

In the detail screen claims are grouped into sections, but this information is not included in the credential itself. To work around this, a mapping claim-section has been hardcoded in app. Claims that can not be assigned to any section are displayed after all the others.
The eID credential used is also a mock.

List of changes proposed in this pull request

• Extracted RenderPidAssuranceLevel and RenderReleaserName into separate components for easier reuse
• Added ItwPresentationEidDetailScreen component with related sub-components
• Modified ItwCredentialClaim to support hidden claims and dates with icon and badge
• Add utils in itwClaimsUtils to handle hardcoded claims configurations

How to test

Navigate to Profile > IT Wallet > Credential detail (eID). You should be able to see the eID detail screen.

Preview

iOS	Android
iOS_eid_detail_screen.mp4	android_eid_detail_screen.mp4

[gispada]

I updated the code to remove BaseScreenComponent and use HeaderSecondLevel with the new props from pagopa/io-app-design-system#285. I also used the new hook useScreenEndMargin for the scroll view paddingBottom.

[hevelius]

Should this extra space be here?

[gispada]

Should this extra space be here?

That space separates claims that are not mapped to a section from the other claims. I am not really sure how to handle this case, in the ideal world all claims should be mapped to a section. Moreover, in the mocked credential a few claims are missing or are extra compared to the design.

The mapping is configurable, we can adjust it as we start getting the real credentials or we can discuss another approach.

[hevelius]

Should this extra space be here?

That space separates claims that are not mapped to a section from the other claims. I am not really sure how to handle this case, in the ideal world all claims should be mapped to a section. Moreover, in the mocked credential a few claims are missing or are extra compared to the design.

The mapping is configurable, we can adjust it as we start getting the real credentials or we can discuss another approach.

the VSpacer is always added regardless of whether there was a claims section before or not. I believe a different approach should be used. For the moment, however, I would leave it like this.