enhancement: Design improvements to the "Invitations" page empty state (includes design prototype)

[iprithvitharun]

Steps To Reproduce

1. Go to Invitations page. the

Expected behavior

Unique empty state behavior for with and without invitations state.

Maybe the design team can review the design below. It's what I have in mind for the empty state.

https://design.penpot.app/#/view/39eb6d3d-9932-80bd-8001-a5da458c286f?page-id=39eb6d3d-9932-80bd-8001-a5da458c2870&section=interactions&index=0&share-id=39eb6d3d-9932-80bd-8001-a5e029a27071&zoom=fit

Rationale behind the design:

• Effective use of the empty state.
• Title clearly communicates the status of invitations.
• Description is quirky and makes collaboration inviting and fun. Takes away any possible hesitations.
• Button is moved to a more prominent position. When there are invitations pending button can go back to the top-right.

Hope it helps.

Actual behavior

Generic for with and without invitations state.

Screenshots or video

No response

Desktop (please complete the following information)

No response

Smartphone (please complete the following information)

No response

Environment (please complete the following information)

No response

Frontend Stack Trace

No response

Backend Stack Trace

No response

Additional context

This is an extended conversation from this PR.

[myfunnyandy]

Hi!

Thank you for this design proposal. The Penpot shareable link is really clarifier. We've added to our Taiga project (https://tree.taiga.io/project/penpot/us/4554) and the design team will review it to make sure that it might cover all casuistics properly and assess whether if we should implement it.

Thanks!