Bookmark landing page using React, TypeScript, and Vite

This challenge is like a milestone for me, since I got to reuse components from my previous solutions like the accordion and burger menu.

One thing I found difficult while building this project is deciding where to put certain styles and keeping track of them. Should I put this CSS rule in the container element or the <p> tag? Did I already use this style in a previous section? Do I need to refactor this into a reusable class? I found myself asking more and more questions like these.

I didn't use a CSS/UI framework/library, but I definitely see the convenience of using one in bigger projects with a lot of shared styles across different sections and pages.

Feedback on code structure, best practices, and other aspects of the code are welcome and much appreciated.