Design notes: switch profiles

[churik]

Expected fixes

Profiles screen

• Update background (full comment here)
• Add drop shadow on profile cards (full comment here)
• Check avatar font size #15793
• Check background when scrolling profiles list(full comment here)
• Add animation on transition between profiles (full comment here and video here)

Profile options

• Check drawer background color (full comment here)
• Update icon design (full comment here)
• Check bottom padding (full comment here)

Delete drawer

• Context tag should be blur (full comment here)
• Button should be blur (full comment here)

Add new profile

• Update icons (full comment here)

[cammellos]

Update background (full comment here)
Add drop shadow on profile cards (full comment here)

@Parveshdhull I believe you did some investigation on those, and as I understand, they are technically quite complex, is that the case?

Thanks

[cammellos]

Update icon design (full comment here)
Check bottom padding (full comment here)

These are small fixes

[cammellos]

A lot of these issues have to do with blur, make sure you prioritize lower hanging fruits, if blur is causing issues

[Parveshdhull]

Update background (full comment here)
Add drop shadow on profile cards (full comment here)

@Parveshdhull I believe you did some investigation on those, and as I understand, they are technically quite complex, is that the case?

Yes,

• update background - by default library doesn't support transparent blur type(ref), and for supporting that we are using patch provided in #513 pr, but this solution also creates a blue overlay side effect
• drop shadow - Most of props related to drop shadow are only available for ios, so we are currently not able to show drop shadow in android. Also, for ios use of drop shadow is creating this weird square edges as mentioned in last section of issue 3 comment. (maybe because we use this with hole-view)

[J-Son89]

@ajayesivan has handled the old/new icons issue here - #15937 so we can remove that as a requirement of this issue?