[FIX] Added Bio Structure for UserCard, rendering Skeleton View on loading Instead of [Object][Object]

[yash-rajpal]

• I have read the Contributing Guide
• I have signed the CLA
• Lint and unit tests pass locally with my changes
• I have added tests that prove my fix is effective or that my feature works (if applicable)
• I have added necessary documentation (if applicable)
• Any dependent changes have been merged and published in downstream modules

Proposed changes (including videos or screenshots)

Added Bio Structure for rendering Skeleton View on loading UserCard.

Issue(s)

fix #20283

Steps to test or reproduce

Check the Issue

Further comments

Until UserCard received bio, it was passing Skeleton as content to Markdown, so it was returning [Object][Object], which was shown to user. So Made one more entity called as bioStructure, now if bio is present, bio will be passed to markdown and everything would work as it is supposed to, but if bio is not present, bioStructure would be rendered as skeletonView.

[yash-rajpal]

I hope the change is visible in GIF.

[pratyaksh123]

You could also do this way 👍
{ bio && ( <Info withTruncatedText={false} style={clampStyle} height='x60'> {typeof bio === 'string' ? <MarkdownText content={bio} /> : bio} </Info> )}

[MartinSchoeler]

Requested some changes, pratyaksh123 have some neat ideas to handling this. Thanks!

[MartinSchoeler]

Maybe instead of doing this ternary, we can check the type of the bio variable inside of the info element?

[yash-rajpal]

@MartinSchoeler Thanks, will do changes asap.

[MartinSchoeler]

Looks good to me!

[yash-rajpal]

@ggazzo Please review. :)

[MartinSchoeler]

@yash-rajpal please be patient, we are currently on a feature-freeze so pull requests that are not directly related to the ones done in the current release, can only be merged on the next release (don't worry we are almost at the end of the featrue-freeze).

Mentioning other members of the team will not make it go faster 🙂

Thanks!