fix(issue-3): scroll to movie on mobile

[jca41]

Description:

Fixes wrong scroll into movie thumb on mobile. Issue (i think) was the padding right being applied on mobile. Once that's removed it seems to scroll to the right position.

• Also moved the scroll functionality to the movie list component, instead of having an useEffect per movie thumb
• Added {shallow: true} in next/router push, https://nextjs.org/docs/routing/shallow-routing

Details:

Issues:

Closes #3

[vercel[bot]]

Someone is attempting to deploy a commit to a Personal Account owned by @pdrbrnd on Vercel.

@pdrbrnd first needs to authorize it.

[vercel[bot]]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/pedrobrandao/whatsinthebox/8DYSCFqyhjh5EbsS9HQGt2Vz9Quy
✅ Preview: https://whatsinthebox-git-fork-jca41-3-scroll-bug-pedrobrandao.vercel.app

[pdrbrnd]

hey @jca41 thanks for this!

[jca41]

Nice! 👍