Oluşturduğun saatlere tıklanma eventini dinleyerek direkt ajax yaptırtabilirsin.

$(document.body).on("click",'.user__head input[type='checkbox']',function(){
const value = $(this).val();
    <!-- ajax kodun -->
})

Sorunun tam olarak şu ckeditor classını vermen tekrardan orayı render etmeyecektir daha doğrusu oranın yeni bir editor alanı olup olmadığını bilmeyecektir.
Ckeditor'a yeni bir editor olduğunu bildirmen gerekli.Hangi versiyonunu kullandığını bilmiyorum ama ben ckeditor5 versiyonu için örneğini atayım versiyonunu araştırarak doğrusu bulabilirsin

ClassicEditor
            .create( document.querySelector( '.editor' ) )
            .catch( error => {
                console.error( error );
            } );

Bu kodu append yaptıktan sonra yazman yeterli.
Yani yeni bir editor alanı eklediğimiz için tekrardan orayı bildiriyoruz

Cookie ile user_id tutman çok tutarsız. Session'a atıp oradan okusan daha mantıklı.
Cookie konusunda ısrarcısan manuel bir cookie tanımlayıp erişebiliyor musun kontrol et ve genelde cookieler tanımlandığı an okunamayabiliyor

islem fonksiyonunda ajax ile php sayfana post yapabilirsin.
Eğer dönen sonuçla işlem yapacaksan async veya success ile ilerleyip kullanabilirsin

Mantık olarak iyi ilerlemişsin fakat isim kullanmalarında sıkıntıların var.
Tab-Content adlı attribute yerine data-tab-content yazarak dataset'iyle değerine ulaşabilirsin.

9.satır ve benzeri kısımlar çok basic kalmış tıklanan butonun parentine ilerleyip istediklerine erişebilirsin.
-İsim vs değiştiğinde her bu bahsettiğim şey seni çok uğraştırtacaktır.

İlk hatan 2 tane provider içerisine sarmalaman.1 tanesi ile sarmalar farklı dataları tutabilirsin.
Context'i useReducer ile birleştirip redux gibi bir store çıkartabilirsin.
Aşırı bir şekilde contexti tekrardan gözden geçirmeni tavsiye ediyorum. Çok fazla mantık hataların var

Javascript database işlemleri diye bir şeyi ilk defa duyuyorum.
(Nerede kullandığını bilmiyorum fakat js client taraflı bir yazılım dilidir. Veritabanı ile bağlantı kurar işlemler yaparsın)
Hangi database ile çalışıyorsan document'ini okumanı tavsiye ederim.

Aradığın cevap bu diye düşünüyorum

const ScrollDemo = () => {
   const myRef = useRef(null)

   const executeScroll = () => myRef.current.scrollIntoView()    
   // run this function from an event handler or an effect to execute scroll 

   return (
      <> 
         <div ref={myRef}>Element to scroll to</div> 
         <button onClick={executeScroll}> Click to scroll </button> 
      </>
   )
}

Anladığım kadarıyla json objesinin içerisinde key ile ulaşmaya çalışıyorsun.
Objelerde '.' ile property 'e erişebilirsin fakat yazdığın şey bir değişken ve büyük ihtimalle değişken ile aramıyor
Bunun için dataimg[LOCATIONSTATE].map demen gerekli