Redux Toolkit

Had a lot of fun with this one! I initially thought of adding a backend component by having user login and authentication, but thought of submitting the solution once the frontend was ready. I learned a lot with this project, especially about redux toolkit, but I still have some things I'm confused about.

1. How can I organize a component if its mobile design and desktop design are completely different from each other? What I usually do is create separate components, one for the desktop design and one for the mobile design, but I'm not sure if it's good practice.
2. The challenge provides svg files for the different social media site logos and it requires these logos to change color on hover. For example, the given Facebook logo has a white fill but needs to be cyan on hover. The way I accomplished this as of now is by creating a copy of each logo and changing the fills within each svg. Is this good practice and, if not, what's a better way of accomplishing this?

Any and all feedback is greatly appreciated! Cheers🎉