Responsive REST Countries App made with Next.Js and Tailwind CSS

Hi, First of all, bravo; absolutely lovely friendly app. One small recommendation, you can use api to convert border countries 3 letter name to full name so it would be more readable to users. And to take it further, you could create a link out of those border countries so once user clicks on those, it will take them to that countries' detail page. But again,I am so exited about your app and UI.

It seemed impossible to me at first, but I came up with an idea that I am not sure if it is optimal or fast. I fetched whole countries object when app loads for the first time. Then passed that object with 250 countries all the way to every country detail page. There I took boundary array and mapped through each element to find corresponding country in 250 object and used its name to show up in component. To see more detail go to my solution's code. I am not pro so my code might be a mess but gladly I will clear things for you if you'd ask me.