Notifications page using React.js and Css Flexbox

I used react.js for this project because the first thing that came to my mind was using the "useState" hook for the notification badge. Also, I could have gone further and used ContextAPI or Redux, which I know how to use, but I didn't want things to get messier for this kind of simple project. Instead, I stored the notifications in a JSON file and if you want to use it, it is named "nots.json" and you can access it in the "public" folder.

I think everything looks okay on my devices, but if you see any problems or have any suggestions, I would appreciate any feedback.