feat: add mark all as read functionality

[jainpawan21]

• What kind of change does this PR introduce? (Bug fix, feature, docs update, ...) feature: This pr adds mark all as read functionality in notification-center
• What is the current behavior? (You can also link to an open issue here) #955
• What is the new behavior (if this is a feature change)? Mark all as read functionality is working ✅

https://user-images.githubusercontent.com/39362422/185638862-948ba7c1-f1e5-4d58-9943-c6a240a9697b.mov

• Other information: Reopened as #1015 is closed

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
docs	✅ Ready (Inspect)	Visit Preview	Aug 20, 2022 at 9:13AM (UTC)

[vercel[bot]]

@jainpawan21 is attempting to deploy a commit to the Novu Team on Vercel.

A member of the Team first needs to authorize it.

[netlify[bot]]

✅ Deploy Preview for docs-novu ready!

Name	Link
🔨 Latest commit	4dd037648e107a9198cf9fbb599a23a4ba0b958b
🔍 Latest deploy log	https://app.netlify.com/sites/docs-novu/deploys/6300a51b86151d000aa6025b
😎 Deploy Preview	https://deploy-preview-1080--docs-novu.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[jainpawan21]

@scopsy Did you get any update from the designer on this?

[scopsy]

Yes @jainpawan21 sorry missed your previous comment. The designs are here: https://www.figma.com/file/IpAw7sGWYZ8DHTem0tSM8r/Ready-for-Dev?node-id=2732%3A11226 It's quite similar to what you've done, so just checking the space between texts there

[scopsy]

Hi @jainpawan21 just wanted to check in if you had a chance to see the figma designs 🙏

[jainpawan21]

Hi @jainpawan21 just wanted to check in if you had a chance to see the figma designs 🙏

Sorry, I missed this PR I will update as per figma design

[ainouzgali]

Thank you @jainpawan21 ! This looks great. Will be released at v0.9.0