Robur

Разбейте стили так чтобы в одном файле были стили для одного компонента.
Включите css - модули, уберете 99% проблем.
дальше

import styles from './mybutton.module.scss'
...
<div className={styles.title}>
...

Общие стили вынесите в переменные и миксины.
стилизацию дочерних компонентов из родителя можно делать либо прокидыванием класса из пропсов,
либо путем добавления отдельных пропсов, например <button outlined/>
в общем виде второй путь предпочтителен, если у вас много где родитель навешивает явные стили на дочерние компоненты - то тут определенно что-то не так в структуре стилей.

styled-components для мобилок норм, для веба мне лично не нравятся, лишний код.

Как это можно предостеречь и не допустить?

Только один способ - клиент не должен знать этот ключ. как только ключ попадает в код клиентского приложения - считайте его у вас уже украли.
поэтому делаете свой сервер, там хранится ключ, а на свой сервер делаете авторизацию как угодно (пароль, гугл, смс, что хотите)

Да все равно.
Это не филосовский вопрос, а вопрос принятого стиля.
Я пишу и так и так, если пропсы зачем -то нужны как объект то не деструктурирую, если нужны только значения - с деструктуризацией.

Я сразу использую деструктуризацию и считаю это очень удобной вещью

Продолжайте, это нормально.

через FormData https://stackoverflow.com/a/61053359/1584465

fetch won’t send cookies, unless you set the credentials init option. (

используйте параметр credentials и fetch будет отправлять куки какие там у вас стоят.
https://developer.mozilla.org/en-US/docs/Web/API/W...

Реакт до недавнего времени был под своей хитрой лицензией в которой был пункт по которому фейсбук может нагнуть того кто его использует если захочет.
в прошлом по моему году кто-то таки дочитал до этого пункта и был большой шум, после которого реакт быстро зарелизили под человеческим MIT.

Так что теперь - можно.
А раньше - тоже было можно но пока фейсбук не против.

Можно и в одно приложение можно и в два. Если функционал совершенно разный то лучше в два отдельных

Читал про monorepo но не до конца понял есть ли там возможность связи между проектами.

Есть. Еще почитайте про yarn workspaces.

делаете при модуля - аппа, админка, общий код
yarn сделает симлинки в node_modules друг на друга.

дальше код из любого модуля можно подключать в любом другом простым import,
например если у вас модуль с общим кодом называется "@hamsterhomka/common-ui" то и в админке и в аппе можно написать "import MyButton from '@hamsterhomka/common-ui/src/button'"

есть еще lerna если функционала yarn не хватит

onQuestionDelete(addinId || ticketId || id, addinId || ticketId ? id : undefined)

но я бы поменял сигнатуру onQuestionDelete чтобы было
onQuestionDelete(id, addinId || ticketId)

if (event.wasClean === false) webSocket.current = new WebSocket("ws://url");

вы тут только создали новый сокет но больше ничего не сделали с ним. соответственно на приходящие сообщения ничего и не происходит.

надо заново присвоить onmessage (и onclose, иначе если соединение упадет еще раз, то уже ничего не произойдет)