#426 refactors and fixes user notifications feature

[aimedivin]

PR Description

This PR refactors the notification modal to work with current API, it also Implements and improves UI.

Description of tasks that were expected to be completed

• Refactor Notification Modal code to be compatible with the current API
• Updated the design to follow the latest UI designs.
• Ensure its responsiveness on all possible screens.
• Tests were added to ensure that everything works correctly.

How has this been tested?

• Clone this repository and navigate to the project directory
• Ensure You have backend service running and set your .env file using .env.example.

  git clone https://github.com/atlp-rwanda/atlp-pulse-fn.git
  cd atlp-pulse-fn
  git checkout fix-notification
  npm i
  npm run test

Number of Commits

The number of commits should not exceed 2 commits. In case they are more than that, please take your time and squash them.

Please check this Checklist before you submit your PR:

• My code follows the style guidelines of this project
• I have performed a self-review of my code
• I have commented my code, particularly in hard-to-understand areas
• My code generate no warnings
• My test coverage meet the set test coverage threshold
• There are no vulnerabilities
• There are no conflicts with the base branch

Screenshots (If appropriate)

BEFORE

AFTER

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
metron-devpulse	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Sep 5, 2024 8:52am

[MugemaneBertin2001]

LGTM

[Ke-bean]

LGTM