Указывай цвет бэкграуда используя

background: rgba( 'здесь цвет в формате rgb' , 0.5)

Это будет только на него действовать и не затрагивать другие блоки.

Да, это называется порталы, вот раздел в документации:
https://reactjs.org/docs/portals.html

Можешь задать блоку такой стиль:

.inner {
    margin-left: calc(-50vw + 50%);
    width: 100vw;
}

Тогда внутренний блок растянется на всю ширину страницы, от этого можешь оттолкнуться и сделать нужную тебе ширину.
Внутри этого блока сделаешь еще один, и просто там
margin: 0 auto
отцентрируешь контент

https://developer.mozilla.org/ru/docs/Web/JavaScri...

Здесь берётся текущий стэйт, деструктиризируется в объекте, а остальные поля, значения которых указываются в этом объекте обновляются.
То есть возвращается в результате новый state с обновленным полем.