First project using Next.js

Any feedback is welcome, and please recommend best practices to modularize code and improve readability.

How to position the output box component (the one which shows data like location, isp etc). I have tried setting the container div of the output box component to position absolute/relative and adjusted its position to fit the design design. Is it the best way to do this positioning? are there any other ways of achieving the design without position: absolute/relative?

Thank You