İ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