[CIS-1529] Fix quoted message adding extra top spacing

[nuno-vieira]

🔗 Issue Links

CIS-1529
#1762

🎯 Goal

Fixes quoted message list UI flicker bug. This was caused because there was an extra margin-top in the quoted message view. Sometimes the cell would reload and cause this jump, but sometimes the jump wouldn't happen but the cell with have extra padding, and only after scrolling it would go away.

📝 Summary

• Uses embed() to layout the containerView instead of pinning it to the layout margins. The ContainerStackView is not working properly when using the latter API.
• Although we could add insets to the embed() to replicate the previous design, it doesn't actually follow the design on Figma, here: https://www.figma.com/file/ekifwChR9tR7zRJg1QEzSM/Chat-Design-Kit---Current-version?node-id=22190%3A297522

🎨 Showcase

Before	After

🧪 Manual Testing Notes

• Add a normal message
• Quote the normal message
• There shouldn't be any gap between the normal and quoted message

☑️ Contributor Checklist

• I have signed the Stream CLA (required)
• Changelog is updated with client-facing changes
• New code is covered by unit tests
• This change follows zero ⚠️ policy (required)
• Comparison screenshots added for visual changes
• Affected documentation updated (docusaurus, tutorial, CMS)

[evsaev]

Nice 👏

[sonarcloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
No Duplication information