Fix TweetCard avatar shrinking in grid/flex layouts

[coderomm]

What changed

Prevents the TweetCard avatar from shrinking when rendered inside grid or flex-based layouts.

Why

When multiple TweetCard components are placed in a constrained layout, the avatar container was allowed to shrink to accommodate the right-side content (username, name, etc.), resulting in inconsistent avatar sizes across cards.

How

Applied shrink-0 to the avatar container to prevent flexbox from shrinking the avatar and ensure consistent sizing.

Proof

Added before/after screen screenshots demonstrating:

• the avatar shrinking issue
• the corrected, consistent avatar sizing after the fix

Notes

• Minimal, non-breaking change
• No API or visual changes outside the TweetCard component

Bug Preview

Fix Preview

Closes #850

[vercel]

@coderomm is attempting to deploy a commit to the product-studio Team on Vercel.

A member of the Team first needs to authorize it.

[coderomm]

@dillionverma Hey! I noticed a small layout issue with TweetCard avatars
shrinking in grid/flex layouts and submitted a minimal fix (shrink-0)
to keep avatar sizing consistent.

I’ve added a short before/after screenshots for clarity.
Thanks for building Magic UI - happy to adjust anything if needed!

[itsarghyadas]

hey @coderomm good catch. but you need to add the shrink-0 to the image/image-parent container to make it work perfectly. Fixed it and merging it. Thanks.