Bildiğim kadarıyla tamamen CSS ve Javascript sayesinde yapılıyor fakat bu efektleri daha kolay kullanabilmeniz için ek projelerde var appledaki animasyonu bilmiyorum fakat scrollla ilgili bir şeyse 'parallax' efektleri bakmanı öneririm

Bende Merak ettim ve araştırdım peerjs'i öneren bir çok içerik buldum. Bir bak derim, Kolay gelsin

Birileri a-arrow function mu dedi

tamamen sana kalmış ama farklı bir css dosyası içerisindede kullanabilirsin

<link rel="stylesheet" media="screen and (max-width: 600px)" href="mobile-screen.css">

bildiğim kadarıyla evet.

Gayet hoş olmuş, eline sağlık.

Aklıma bir fikir gelmedi maalesef ve favicon react icon olarak kalmış.

toggleClass kullanabilirsin

jquery

$(".hamburger").on("click", () => {
    $(".navbar-links").toggleClass("active");
  });

css

.navbar-links {
    display: none;
}
.navbar-links.active {
    display: block;
}

Araştırmadım fakat aklıma direk useEffect ile DOM'a erişip değiştirebileceğin geldi.
bunu her sayfada kullanacağın bir component için kullanabilirsin mesela navbar'da vb.
Örnek istersen burdaki kodları inceleyebilirsin.

discord.js modülünü kullanmayı öğrenmeyle başla çünkü şuan önemli olan o