Responsive Notification Page using Next Js, Tailwind and Framer-Motion

I was challenged to think of an approach for rendering notifications dynamically instead of just hardcoding them then also applied typescript for good practice then implementing the functionality for marking all notifications as read and changing its value to 0 and lastly just simple animations applied with framer-motion library.