UI - encryption/signature badges to support multiline

[tomholub]

Got this for FlowCrypt/flowcrypt-ios/Core/source/assets/compat/mime-email-plain-signed-detached.txt. Signature error looks too long.

The error is not necessarily too long, but he visual should be fixed so that the badge flows on multiple lines. I'll file a separate issue for that.

Originally posted by @tomholub in #1020 (comment)

[tomholub]

[DenBond7]

@tomholub Maybe it will be better just to show can't verify signature. After that, a user can click on that badge and we will show a dialog with the details. If the text will be really big the UI will look a little ugly.

One more thing - I think we can do all these badges clickable. And show details after clicking on them.

For example:

encrypted -> this message was encrypted for AB...OF and BB...RH fingerprints
not encrypted -> it's a regular message. Not protected.
signed -> signed by AB...OF

and so on...

Like Thunderbird does it

[tomholub]

Yes, I suppose we could do that.

[tomholub]

When tapped, it could produce a modal with more details, which is simple enough to do in code.

[tomholub]

@ioanmo226 I've just assigned you a few :-) I want to still think more about this one

[ioanmo226]

ok

[ioanmo226]

@tomholub Have you decided yet?
@sosnovsky Could you answer in case Tom is busy?

[sosnovsky]

I think we can use our existing block with message details for showing signature verification errors:

So badge will show just cannot verify signature text, while no public key ... for email ... text will go to the bottom of message details block. And this block should become visible after tapping on signature badge (currently it's shown only after tap on message recipients).

@ioanmo226 what do you think about such solution?

[ioanmo226]

Sounds good!

[ioanmo226]

Simplest solution for above issue