Crowdfunding product page using TypeScript, NextJS, TailwindCSS

I implemented React Portal for my custom dialog / modal box and also able to close it when we click the area outside of the dialog. But I'm not sure if it's been used correctly. Next time I'd prefer to use third party library to ensure the correct behaviour of a dialog.

Data state management, we usually fetching data in server side and render the UI. However in this challenge, I imported data locally and store in data state in useEffect to simulate fetching data on page load. On the other hand, it has to do everything in client side which basically abandoned the advantages of server side rendering.