audoir/infinite-scroll-tutorial ? reverse-engineered prompt

Build me a Next.js movie browsing app that shows popular movies from TMDB and keeps loading more as I scroll down. I want a clean dark themed page with movie cards that show the poster, title, short description, and rating, plus nice loading skeletons while new results are coming in.

Please make two versions in the app, one simple infinite scroll that loads more movies as I reach the bottom, and one faster version that only renders what is visible on screen so it stays smooth with lots of movies. It should work well on mobile and desktop, with a responsive grid that changes how many columns it shows.

If the API fails, show a friendly error message instead of breaking the page. Use the TMDB read access token from an environment file, and if you need current docs or any setup details, look them up online. Make it polished enough to run locally right away and easy to understand for someone learning how infinite scroll works.