Dictionary web app built with React and Styled Component

I struggled with separating components at the beginning, and am not sure whether what I did is a proper approach or not, so I'd really appreciate any feedback on that. Also for changing the body's font family, is it best practice to use useEffect? I tried to solve it with theme and global styles but I couldn't make it work. And is there any other way to set the font family according to the selection other than matching each values with the font family? It seems quite long lines of code. I tried refactoring, but still feels like it's messy and long 😩 Please help me and give it a review 🥺 Thanks in advance