Natebash

1. На клик по инпуту повесить хэндлер открывающий состояние модалки, либо же повесить на focus, как удобнее.
2. В открытой модалке, при кликена валюту сетать валюту в onChange состояния currency, и закрывать модалку если currency имеет значение.
3. Так как инпут у вас связанный с состоянием useState - value у вас будет содержать в себе тот currency который вы выбрали из модалки.

На этот вопрос стоит отвечать так: надоело ли вам каждый раз с нуля собирать свой react проект.

Что дает из коробки Next - (вопросы задаются при начальной аналитике проекта)

Typescript - если нужна типизация?
React router - роутинг?
Css modules - скоуп стилей?
Express - для SSR?
Helmet - SEO?
Sharp **-** Нужна генерация webp?

Если всё выше стоящее лесом, то можно спокойно закинуть в cra роутинг, типизацию и прочее.
Один из больших плюсов Next, в доке как фреймворк уже диктует архитектуру реакт приложения, и есть договоренность о том что и куда(у нас так было среди команд).

Если мы говорим о "голом" реакте - каждый проект как новый, когда приходишь на проект в поддержку уже существующему, глаза вытекают каждый раз от "новой архитектуры". Именно поэтому горячо люблю Angular, нет постоянного угнетения новыми подходами к разработке софта.