Country Flags with Skeleton-loaders and Theme Switcher in React

Hey! This is one of the most complex projects I've built on React.

It's the first time I create a theme switcher, and the first time I create skeleton loaders.

Any feedback is welcome!

I'm specially interested about the project architecture with the skeletons. I decided to create the component, and the skeleton, both sharing the same stylesheet but in a different file.

Like this:

.
├── Countries
│   ├── Countries.module.scss
│   ├── Countries.tsx
│   └── CountriesSkeleton.tsx
├── CountryDetails
│   ├── CountryDetails.module.scss
│   ├── CountryDetails.tsx
│   └── CountryDetailsSkeleton.tsx
│
└── App.tsx

I think I wrote waaaay to big components. I'll separate them in the next days into something more manageable and 'good-practiced'.