Next.js, Styled Components, Framer Motion

Hey everyone would love some feedback on items listed below if you have a minute or if you feel I could improve in any other area listed below please let me know ! :D

1. How is my file structure (is it clean, does it make sense)?

2. How did I do in composing my pages and components, (should things be broken down more, are the components themselves generic enough)?

3. My biggest issue I feel is managing data/state in the app, would really appreciate it if anyone has any better ideas could maybe point out places where I could use context more and prop drill less.