REST Countries API(Vite + React JS + React Router + SCSS + leaflet)

I found that implementing a reusable dark theme hook to be challenging, particularly when it came to utilizing SCSS. After much experimentation, I discovered a mixin that generated CSS custom properties, which helped me overcome this hurdle.

also, while developing functions to manipulate the country data, I realized that I wasn't entirely confident about the way I had written the code. I felt that I could benefit from some guidance on best practices in this area.

I would like to learn more about the recommended approaches to structuring project folders and ensuring accessibility. By implementing best practices in these areas, I hope to create cleaner, more efficient, and more scalable projects in the future.

i also want to know your opinion on the whole project responsive design.