Куда лучше поместить модалку?
Поместить можно в цело куда угодно, все зависит от того, как удобнее с этим будет работать:

если в модалке один и тот же контент, то можно вынести куда-то в корень и управлять через некое общее состояние приложения (например, как справедливо отметили в комментариях, store)
если там контент может быть разный, то возможно есть смысл вызывать её в конкретном компоненте (как в вашем случае) или же так же определить глобально, но в этом случае нужно будет все пропсы передавать туда и события нужные оттуда же перехватывать, что в целом может усложнить код без какой-то надобности


В данном случае уместно будет также использовать порталы.
Один из вариантов:

Я думаю можно подготовить условный список всех вариации модалок в массиве.
const modals = [ { type: 'auth', button:  'Войти' (или массив)  }, action: 'login', {....} ], подключить в одном месте.
управлять всем этим делом соответственно в одном слайсе.

У меня так в проекте была реализована модалка по отображению тех. ошибок. 
Аксиос отдавал определенную ошибку, я искал её в списке возможных и показывал соответствующую модалку с соответствующими действиями.

Пример: 


Всё это дело можно расширять из одного места и как душе угодно.