Passkey list for react package

[Aby-JS]

Notes to review this PR

• Update folder structure for components. Now, folders are distributed between UI, Wrappers and Screen Components.
• Created a HOC for CorbadoProvider which takes input of all the theming params and provide custom theming and translations.
• Updated the translation file structure so that we can add translations for passkey list component.

[incorbador]

I can not add a passkey once all passkeys have been deleted

[incorbador]

The button should really be part of the component so he should have the same background as the rest of the component I think. And I would add a bit of padding to it (maybe padding: 0 3em?)

[Aby-JS]

The button should really be part of the component so he should have the same background as the rest of the component I think. And I would add a bit of padding to it (maybe padding: 0 3em?)

I wanted it to have BE similar to user's app.. but let me just make it part of the app and check it out.

[incorbador]

When I try to create a passkey on a device where I already have one, I get an error in the networking console (this is also expected, our backend does not allow for having multiple passkeys on the same device). We should catch the error and show it to the user (maybe as a red string below the "Create Passkey" button.

[incorbador]

Please add the "Passkeys" headline from the Figma

[Aby-JS]

Please add the "Passkeys" headline from the Figma

it this actually part of UI? I thought this is more like a design header?

[incorbador]

Please add the "Passkeys" headline from the Figma

it this actually part of UI? I thought this is more like a design header?

Yes, valid point. Let can you ask Vincent about that? (maybe also about the fact, if the

The button should really be part of the component so he should have the same background as the rest of the component I think. And I would add a bit of padding to it (maybe padding: 0 3em?)

I wanted it to have BE similar to user's app.. but let me just make it part of the app and check it out.

Good point, I think you are right (I checked the Figma again) => let's leave it as it is 👍

[Aby-JS]

@incorbador I have made all the requested changes and have added translations as well. I think we should handler error in the error handling PR since it would require changes in the errors.ts file and I want to avoid conflicts.

[incorbador]

See comments above. Regarding the older comments:

• for error handling I agree, let's have a small follow up ticket for that and work on it after we merged the error handling PR
• for "Passkeys" headline: I asked Vincent, we don't have a strong opinion about it so let's not include it (so no TODO for you here)

[incorbador]

Last remaining comment is only about missing translations. Did you already find a fix for the lerna run build:dev problem? After that we can merge this PR.