Notifications component using React + Tailwind + Next13

Hi! 🙌

I'm using useEffect hook to update the Notifications counter and instead of creating a static page, I have decided to simulate a "dumb" data file with all the necessary information and put it on a useState variable.

It updates everything based on that file, from the date the action happened to verify if the notification has been viewed or not. It's possible to mark everything as read or simply clicking on the notification.

I have tried to use more server-rendered components but not quite there yet - hydratation errors popped everywhere so I changed everything to be client rendered.

Surely there's lots of improvement to be done but I'm happy with how it is right now. 🎈🎉

Also, I am quite familiar with Tailwind now and seriously thinking about purchasing the Tailwind UI. As someone who wants to do FrontEnd, it seems to be a superb investment (and no, that's not a free ad hehe ).

If you have any suggestions on how I can improve my code, please do so! 🙏

Pablo