1. I will place the modal component in the same file as the page that it is rendered on. For example, If I have a LoginModal that is displayed on the HomePage, I will define that component in the HomePage.tsx file.
2. I keep everything in the same file, as long as it’s not being used anywhere else. I often have multiple components in the same file, and for complex state I will write a custom hook.

Hope that helps!