Сергей delphinpro

.menu button {
    /*...*/
    display: inline flex;
    align-items: center;
}

Это троллинг что ли?

Если что-то дымится, то пользоваться этим небезопасно, чтобы оно ни было!!!

Фигни какой-то понаписали...
Выбросите нафиг весь этот ваш javascript.
Оставьте только

window.addEventListener('scroll', function () {
  const currentScrollTop = window.pageYOffset || document.documentElement.scrollTop;
  document.body.classList.toggle('scrolled', currentScrollTop > 0)
});

Далее показывание и скрытие элементов сделайте в css, отталкиваясь от класса body.scrolled

.topbar__bottom-consult {
  opacity: 0;
  transition: 0.3s ease;
}
body.scrolled .topbar__bottom-consult {
  opacity: 1;
}

Фиксирование наверху через position:sticky

.topbar__bottom {
  position: sticky;
  top: 0;
}

Ну может здесь проблема
beginAtZero: true,

Webpack ни при чем
вы берете данные из внешнего источника уже на этапе исполнения, а не сборки.
Будьте любезны в свой json засунуть правильные ссылки на картинки.

в конце работы на любом компе - push
в начале работы на любом компе - pull

видимо .env файл и отсутствует
Обычно он исключается из системы контроля версий, и создается на каждой отдельной тачке под локальное окружение.

public function DefineGridColumn() {
        array_push($this->array, [
        	"123"=>"456"
        ]);
    return $this->array;
    }

…

$array = [];
print_r($array);
$grid = new Grid($array);
$array = $grid->DefineGridColumn();
print_r($array);

Второй вариант.

Вы там в самом начале написали условие получения наград - и/или
Это предполагает, что за задание может выдаваться несколько наград (диплом и мерч к примеру).

Значит вам нужна связь между таблицами задач и наград "многие-ко-многим" с промежуточной связной таблицей.

Учитывая, что награды бывают разных типов, то имеет смысл определить для каждого типа свою таблицу и организовать полиморфную связь.

таблица tasks
id | other_fileds...

таблица rewards_diplomas
id | other_fields...

таблица rewards_currencies
id | other_fields...

и т.д.

reward_task - связная таблица

task_id | reward_type | reward_id
task_id     - идентификатор задачи
reward_type - тип награды (diploma, currency..)
reward_id   - идентификатор награды из соответствующей таблицы

Из плюсов - расширяемость. Из минусов - усложнение запросов выборки и невозможность использования внешних ключей и ограничений.