Aleksey Solovyev

GitHub Pages - это хостинг для статических файлов. Использовать php нельзя. У Вас 3 варианта:
1. Арендовать свой сервер и использовать на нем PHP
2. Написать сайт на чистом HTML, CSS, JS и постить на GitHub Pages
3. Изучить какой статический генератор сайтов (например, Jekyll, Hugo и т.д.). Это похоже на второй вариант, но с автоматизацией рутинных задач (генерация однотипных страниц, заполнение метаданных, использование шаблонов и тд)

Допустим через spread operator:

const commonOpt = {
  key: 'val',
  key1: 'val1'
}

const unitedOpt = {
  ...commonOpt,
  key: 'lav'
}

Через Object.assign:

const commonOpt = {
  key: 'val',
  key1: 'val1'
}

const unitedOpt = Object.assign(commonOpt, { key: 'lav' })

Что-то такое надо? Если надо глубокое слияние, то пишем свой deepMerge или используем lodash и еще какую готовую версию. А вообще почитайте про паттерны (builder и тд)

Так vh и есть размер "области просмотра". Задайте top, right, bottom, left равное 0 (или inset: 0), а body позицию relative, чтобы растянуть на весь родитель (body):

Так а в чем проблема? Там же написано все по шагам:
1. Получайте secret и public ключи
2. Формируйте запрос
2.1. Для подписи используйте pnalc какой
3. Отправляйте запрос
4. Если на каком-то этапе возникнет проблема - пишите сюда

Пока это выглядит как задача, с которой вам на фриланс, а не вопрос.

Не проверял, но что-то такое должно быть в итоге (подставляйте свои ключи и проверяйте):

import requests
import time
import hashlib
import nacl.signing
import nacl.encoding

public_key = 'your_public_key_here'
secret_key = 'your_secret_key_here'

http_method = "POST"
route_path = "/get-item"
query_params = "Amount=%220.25%22&Limit=%22100%22&Offset=%22150%22&Order=%22desc%22"
body_string = "" 
timestamp = str(int(time.time())) 

non_signed_string = f"{http_method}{route_path}?{query_params}{body_string}{timestamp}"

signing_key = nacl.signing.SigningKey(secret_key, encoder=nacl.encoding.HexEncoder)
signed = signing_key.sign(non_signed_string.encode())
signature_hex = signed.signature.hex()

headers = {
    'X-Api-Key': public_key,
    'X-Sign-Date': timestamp,
    'X-Request-Sign': signature_hex,
    'Content-Type': 'application/json'
}

url = f"https://api.dmarket.com{route_path}?{query_params}"

response = requests.post(url, headers=headers, json={})

print(f"Status Code: {response.status_code}")
print(f"Response: {response.json()}")

А зачем вы функцию внутри функции оборачиваете в useCallback?

const openClient = () => useCallback(() => setClientIsOpen(true), []);

Вот стандартные стили у "булетов":

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%); 
    white-space: nowrap;
}

Переопределите под ваши нужды. Например так:

.swiper-pagination-bullets {
  left: 0 !important;
  transform: translateX(0) !important; 
}

Офф. пример с их сайта:

если необходимо добавить кликабельность, которая изначально отключена, то меняет свойство clickable на true

https://jsfiddle.net/Lfst8wog/1/

const childElement = document.getElementById('child'); // находим потомка
const parentElement = childElement.parentNode; // находим родителя

// Создаем новый элемент
const newElement = document.createElement('p');
newElement.textContent = 'Новый элемент';

// Заменяем старый элемент на новый
parentElement.replaceChild(newElement, childElement);

Или так (https://jsfiddle.net/Lfst8wog/)

const oldElement = document.getElementById('old');

// Создаем новый элемент
const newElement = document.createElement('div');
newElement.textContent = 'Новый элемент';

// Заменяем старый элемент новым
oldElement.replaceWith(newElement);

const oldElement = document.getElementById('old');

oldElement.replaceWith(document.createRange().createContextualFragment(`
  <div class="box box2">
    <p1>hello world</p1>
  </div>
`));

Я так понимаю, что эти стили используются для скрытия всплывающего окна:

... {
  opacity: 0;
  scale: 0
}

Эти стили не удаляют элемент со страницы, и он остаётся доступным для взаимодействия. Чтобы полностью скрыть элемент, используйте display: none или visibility: hidden. Либо добавьте pointer-events: none для скрытого состояния и pointer-events: auto для видимого, чтобы сохранить анимацию.

const queryString =
  "room_number[]=2&room_number[]=3&room_number[]=4&price_min=111&price_max=999&area[]=Ленинский район"

function convertQueryString(query) {
  const result = []
  const pairs = query.split("&")

  pairs.forEach((pair) => {
    const [name, value] = pair.split("=")
    const cleanName = name.replace(/\[\]/g, "")

    result.push({
      name: cleanName,
      value: decodeURIComponent(value),
    })
  })

  return result
}

const output = convertQueryString(queryString)
console.log(output)

const queryString = "room_number[]=2&room_number[]=3&room_number[]=4&price_min=111&price_max=999&area[]=Ленинский район";

const output = queryString.split('&').map(pair => {
  const [name, value] = pair.split('=')
  return {
    name: name.replace(/\[\]/g, ''),
    value: decodeURIComponent(value),
  }
})

console.log(output)

function scrollToElementWithOffset(element, offset = 0, behavior = 'smooth') {
    const elementTopPosition = element.getBoundingClientRect().top
    const offsetPosition = elementTopPosition + window.pageYOffset - offset
    
    window.scrollTo({
        top: offsetPosition,
        behavior,
    })
}

const targetElement = document.querySelector('#myElement');
scrollToElementWithOffset(targetElement, 100)

ps или можете добавить перед блоком, к которому нужно прокрутить, элемент div с необходимым отступом и затем использовать метод scrollIntoView для скрола к нему

Через radio кнопки и label делайте если без js. Вот пример "на коленках" сделал:

Укажите barThickness в размер canvas'а - 150

https://developer.mozilla.org/en-US/docs/Web/CSS/:lang
https://developer.mozilla.org/en-US/docs/Web/HTML/...

*:lang(en-US) {
  outline: 2px solid deeppink;
}
*:lang(ru) {
  color: red;
}

Ну например через transform и математику

Или через grid

Или просто в 3 ряда на flex