[Enhancement] Feat : Added inactive banner

[Ghat0tkach]

Description

This PR fixes #4621

Notes for Reviewers
Added Inactive Banner for inactive member profiles

Signed commits

• Yes, I signed my commits.

[Ghat0tkach]

I sticked to using px instead of rem as the banner of HPE on homepage also preferred px .

[l5io]

🚀 Preview for commit 5536d54 at: https://64c0e087742e2d40f784b4d3--layer5.netlify.app

[thisiskaransgit]

@Ghat0tkach, thanks for this, make the ribbon grayed out too, please.

[Ghat0tkach]

@Ghat0tkach, thanks for this, make the ribbon grayed out too, please.

thank you @thisiskaransgit , Actually I started with the grayed out ribbon but it looked plain simple, that's why I switched to gradient.

Shall I change it back to gray??

[thisiskaransgit]

@Ghat0tkach, yeah keep them grayed out.

[l5io]

🚀 Preview for commit 60ede47 at: https://64c123a2a88d290d220ca93e--layer5.netlify.app

[Ghat0tkach]

@thisiskaransgit , done 🙌

[leecalcote]

Don't highlight their inactivity with a green ribbon. Make the ribbon gray as well.

In fact, please use a different ribbon, going horizontally across the card.

[Ghat0tkach]

Don't highlight their inactivity with a green ribbon. Make the ribbon gray as well.

In fact, please use a different ribbon, going horizontally across the card.

@lee , Shall I use this alignment of ribbon? or position it below the name ? And also Im a bit confuse about the background color of ribbon as well.

[leecalcote]

Looking good, @Ghat0tkach 👍

How is working in mobile view? Just fine?

[leecalcote]

Kind, sir, will you also use the same gray filter on the single member page for inactive profiles with the same ribbon, too?

[Ghat0tkach]

Kind, sir, will you also use the same gray filter on the single member page for inactive profiles with the same ribbon, too?

@lee , yes its fully responsive

and I'll add the filter along with ribbon on the single-member profile as well Sir

[leecalcote]

Thank you. Moving forward with this first step...