dotatello63

Следить за сроком жизни может как клиент, так и сервер или оба.
В первом случае клиент, обнаружив просроченный токен доступа, сразу отправляет запрос на обновление. Недостаток - если на клиенте перевести часы назад, то он не обнаружит протухший токен.
Во втором случае время всегда берётся с одного источника (сервера), но будет лишний запрос, на который сервер ответит, что токен просрочен.

1,3 просто забудьте https://docs.duendesoftware.com/identityserver/v6/...
Используйте готовое решение
Хотя лучше вот это https://docs.duendesoftware.com/identityserver/v6/...
А потом подтянуть до предыдущего совета.
И да все можно сделать в 1 приложении

4. реакт ругается как в консоль так и в браузер, а когда белый экран откройте f12 и все там будет
2. Ничего не мешает вам сравнить то что пришло и то что есть и послать дельту.
Например пришло 700кб Вы в конец добавили 100 символов. По итогу вы вызываете что то типа

const data = { text: 'append text' };

fetch('https://example.com/post/42/append', {
  method: 'POST', 
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify(data),
})
  .then((response) => response.json())
  .then((data) => {
    console.log('Success:', data);
  })
  .catch((error) => {
    console.error('Error:', error);
  });

2. Читаем, что такое WebAPI. Ему есть альтернативы, например gRPC, GraphQL.
скажу наперед, добавятся данные к заметке, не обязательно на сервер слать заметку и все сущности связанные с ней, отсылаем только изменения.