[UI] Enhance Notification Center

[aabidsofi19]

Notes for Reviewers

Related to #8485

This Pr Adds the following :

• Custom Snackbar hook to enable sending toaster messages in notification center
• timestamp for events
• deeplink from toasts
• Refactored Applications Pages and Designs Page to use these new notifications for toasts

notificationcenter-2023-08-16_16.48.07.mp4

Signed commits

• Yes, I signed my commits.

[aabidsofi19]

Next Steps :

• start using these new notifications in all other places ( simple copy pasta work )
• support for Class Based Components ( on it )

[github-actions]

[Yashsharma1911]

@aabidsofi19 I wonder if we can use hook similar that we have in meshery cloud with customization so that we will be consistent on both side thoughts?

[aabidsofi19]

Notes :

• Added Support for Class Based Components , we can use the custom withNotify HOC to pass notify as a prop in CBC and then use it as normal
• Making the whole snackbar clickable causes memory leaks . it is a issue with the version of snackbar we are using , but these simple abstractions we can easily upgrade it when we move to mui5 and react 18

[aabidsofi19]

@aabidsofi19 I wonder if we can use hook similar that we have in meshery cloud with customization so that we will be consistent on both side thoughts?

We need to support sse and classbased components also

[leecalcote]

Notes :

• Added Support for Class Based Components , we can use the custom withNotify HOC to pass notify as a prop in CBC and then use it as normal
• Making the whole snackbar clickable causes memory leaks . it is a issue with the version of snackbar we are using , but these simple abstractions we can easily upgrade it when we move to mui5 and react 18

Great explanation.