feat: notification card component

[Victor752-byte]

Description

A notification card component that can dynamically display various notification as props

Closes #112 Closes #issue_number_here

Changes proposed

What were you told to do?

To build a notification card component that can dynamically display various notification as props

What did you do?

Added a NotificationCard component in the components folder that displays the title, number of unreads, push notification button, notification previews, and a call to action. The content of the notification card is dynamic and passed as props. Inactive call to action when count of unread messages === 0

Check List (Check all the applicable boxes)

🚨Please review the contribution guideline for this repository.

• [x] My code follows the code style of this project.
• [x] This PR does not contain plagiarized content.
• [x] The title and description of the PR is clear and explains the approach.
• [x] I am making a pull request against the dev branch (left side).
• [x] My commit messages styles matches our requested structure.
• [x] My code additions will fail neither code linting checks nor unit test.
• [x] I am only making changes to files I was requested to.

Screenshots/Videos

[Victor752-byte]

Pls sir chumex I made another pull request which is this one, because I couldn't resolve the other pull request merge conflict.

So I started all over again by cloning the repo, although I still encountered another merge conflict, but this time I was able to resolve it and also passed the linting test

I will be awaiting your review sir