[UI]: Improve the notifications component

[Lalit3716]

Description

We currently have this notifications component:

We can make it look good by making it something like this:

Domain

Front-End (Styling/Markup)

Code of Conduct

• [X] I follow Contributing Guidelines of this project.

[github-actions[bot]]

Hi 😄, @Lalit3716 Thanks for creating an issue at Vita. To get assigned to this particular issue please use /assign

[AyushK-101]

/assign

[github-actions[bot]]

This issue has been assigned to AyushK-101! It will become unassigned if it is nott closed within 12 days. A maintainer can also add the pinned label to prevent it from being unassigned.

[AyushK-101]

@Lalit3716 I was unassigned from the issue, might be because I self-assigned it (a few days) before the Semester long/ Hacktober period. The issue has the Assigned tag but no one has been assigned. So can I work on it?

[Lalit3716]

Yes @AyushK-101 you can work on it, I thought you weren't working on it 😅

[Lalit3716]

Hi @AyushK-101, any updates on this one?

[Sauvikn98]

Interested @Lalit3716

[Lalit3716]

Thanks, @Sauvikn98 for your time on this issue 🚀