Михаил Р.

Ну как минимум цикл в повторяющихся местах:

for (let i = 0; i < clickCount; i++) {
  elementstypeWorkFirst[i].innerHTML = '';
}

Curses? В ней можно использовать методы clear() и refresh() для обновления данные консоли без мерцания.

Почему dispatch нельзя использовать в потоке кода при отрисовке компонента?

- Проблемы с производительностью: Если бы dispatch вызывался прямо в теле компонента (то есть во время его рендеринга), каждый раз, когда компонент рендерится (например, из-за изменения других данных на странице), он бы снова и снова добавлял товар в корзину (в контексте интернет-магазина). Это приведет к бесконечному циклу и сильно замедлит работу приложения.
- Непредсказуемость поведения: Поскольку рендеринг компонентов может происходить по разным причинам и в разное время, использование dispatch в процессе может привести к непредсказуемым и нежелательным изменениям в состоянии приложения. В контексте интернет-магазина, товары могли бы добавляться в корзину без Вашего ведома.
- Сложности в управлении состоянием: Использование dispatch во время рендеринга усложняет понимание того, когда и почему происходят изменения в состоянии приложения, что затрудняет отладку и поддержку кода.

Именно поэтому лучше использовать dispatch внутри обработчиков событий (например, при клике на кнопку) или внутри useEffect, где Вы имеете полный контроль над тем, когда и по какой причине должны происходить изменения состояния.

Зачем Вы добавляете дни к настоящей дате, а не к дате с обучением?

// ...
// var newDate = moment().add(missingDays, 'days');
var newDate = endDate.clone().add(missingDays, 'days'); // update
// ...

Страниц на сайте много? Предположу, что проблема в пагинации...
Еще интересный момент в том, что цикл while создает ссылки для каждой страницы.

Я в php не силен, но быстрой гуглежкой нашел вариант логирования. Посмотрите, что будет писать и какое время займет различные части выполнения Вашего кода:
- Пишем сообщение непосредственно в файл журнала ошибок сервера:

error_log('Лог переменной: ' . print_r($var, true));

- Получение временных меток перед и после выполнения кода:
microtime(true)

Dinero.js
Big.js

Суть в том, чтобы открывать файл нажатием на него, а не выбором в приложении. (Как при открытии тех же .docx и .txt файлов, но с собственным расширением)

Ниче не понятно...

Пример открытия файла:

import subprocess  # from all OS

# open file win32
filename = 'path/to/file.doc'
subprocess.run(['open', filename])

# subprocess.run(['open', filename])  # macOS
# subprocess.run(['xdg-open', filename])  # linux

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

Есть, называется - cистема управления содержимым (CMS, Content Management System).

вручную верстать каждую страничку это бред

В большинстве CMS, Вы создаете шаблон страницы, который будет выводить "содержимое" страницы. Рекомендую сразу гребсти в сторону WordPress+WooCommerce, а когда его станет Вам не хватать (и Вы поймете, чего именно не хватает) - выберите себе более узкоспециализированный инструмент.

Вотакая ошибка: cannot access local variable 'd' where it is not associated with a value

Обращение к переменной d происходит вне контекста (вне цикла for d in cur.fetchall()).

Попробуйте так:

for d in cur.fetchall():
    await call.message.edit_media(InputMediaPhoto(media=d['photo'], caption=smiles[page][1]), reply_markup=kb.paginator(url=d['url'], page=page))

Изучил основы JavaScript, понял что всякие манипуляции DOM мне не нужны, потому что это не используется больше

Где и кем больше не используется?

Думаю такой, может мне надо выучить React?

Но есть почему-то ощущение что React в чистом виде мне не нужен, чтобы пользоваться Next.js.

NextJS: The React Framework for the Web...
А в "грязном" виде React какой?

Я остановился и понял что я занимаюсь какой-то фигней. Что я хватаю отовсюду понемногу знаний, но они не складываются в общую картинку.

Собственно вопрос: по какому пути лучше пойти, чтобы потихоньку прийти к желаемому?

Все так и есть. Вам необходимо изучать JS в следующем порядке:
1. Vanilla JS.
2. React.
3. Frontend React + NextJS.
4. Fullstack React + NextJS (+NestJS?).

При этом чтобы не потратить время впустую на изучения вещей, которые абсолютно не нужны.

А вот здесь интересный момент. Видите ли, исходя из количества вакансий, NodeJS и все ее производные в качестве backend фреймворков - не сильно востребованы, относительно более специализированных backend языков/фреймворков. Если у Вас нет особой страсти к NodeJS, то рекомендую сфокусироваться лишь на frontend (учитывая, Ваш контекст), а затем (если будет возможность) - учить в дополнение к frontend более специализированные backend языки/фреймворки.

# class Node:
#     def init(self, x, y, next):
#         self.x = x
#         self.y = y
#         self.next = next

#     def repr(self):
#         return str((self.x, self.y))

class Node:
    def __init__(self, x, y, next=None):
        self.x = x
        self.y = y
        self.next = next

    def __repr__(self):
        return str((self.x, self.y))

Расширю ответ imko кодом:

// return true, if element visible
function isVisible(element) {
  return window.getComputedStyle(element).display !== 'none';
}

// MutationObserver
const observer = new MutationObserver((mutations, obs) => {
  const modal = document.querySelector('#modalWindow'); // modal selector
  const dropdown = document.querySelector('#dropdownMenu'); // dropdown menu selector

  // check is visible?
  if (isVisible(modal) && isVisible(dropdown)) {
    console.log('Element is visible');
    obs.disconnect();
  }
});

// config
const config = {
  attributes: true,
  attributeFilter: ['style']
}

// run
observer.observe(document.querySelector('#modalWindow'), config);
observer.observe(document.querySelector('#dropdownMenu'), config);

Вероятно, проблема с tmp директорией. Можно проверить методом тыка, объявите другую временную директорию, затем заново попробуйте установить плагины.

wp-config.php:

define('WP_TEMP_DIR', dirname(__FILE__) . '/wp-content/test/');

Важно! Директория /wp-content/test/ уже должна существовать.

BS4:

import requests
from bs4 import BeautifulSoup

# go to url
url = "example.com"
res = requests.get(url)

# pasing page
soup = BeautifulSoup(res.text, 'html.parser')

# search "Черновик" from span
els = soup.find_all(lambda tag: tag.name == "span" and "Черновик" in tag.text)

# ptint
for els in el:
    print(el.text)

Важно! Если необходимый элемент появляется динамически, то BS4 не сможет его дождаться.

Swiper, например.