szQocks

new Date(Date.parse('2021-11-03T23:24:00.000Z') + 1349 * 60000)
// Date Fri Nov 05 2021 00:53:00 GMT+0300 (Москва, стандартное время)

new Date(Date.parse('2021-11-03T23:24:00.000Z') + 1349 * 60000).toISOString()
// "2021-11-04T21:53:00.000Z"

const d = new Date('2021-11-03T23:24:00.000Z');
d.setMinutes(d.getMinutes() + 1349);

Внутренний треугольник там, похоже, описан в самом конце второго path. Можно добавить третий элемент path с теми же координатами и цветом заполнения:

<path fill="red" d="M213.333,332.458V179.542L332.271,256L213.333,332.458z"/>

Описание команд рисования в атрибуте "d". Все эти M, V, L.

В каком виде надо получить цвета? Если нужны строки (значения свойства name), то

[...new Set(data.variations.map(n => n.color.name))]

Если же нужны сами объекты, тогда

Object.values(Object.fromEntries(data.variations.map(n => [ n.color.name, n.color ])))

// или

Object.values(data.variations.reduce((acc, { color: n }) => (acc[n.name] ??= n, acc), {}))

// или

data.variations.map(n => n.color).filter(function(n) {
  return !(this[n.name] = this.hasOwnProperty(n.name));
}, {})

Можно решить задачу и в более общем виде - сделаем функцию, параметрами которой будут массивоподобный объект (помимо массивов можно будет уникализировать строки, NodeList'ы и т.п.) и функция, принимающая его элемент и возвращающая значение, по которому осуществляется уникализация:

const unique = (data, key = n => n) =>
  Array.prototype.filter.call(data, function(n) {
    const k = key(n);
    return !this.has(k) && this.add(k);
  }, new Set);


// получаем массив уникальных имён цветов
const uniqueStrColors = unique(data.variations.map(n => n.color.name));

// получаем массив объектов цветов, свойства name которых уникальны
const uniqueObjColors = unique(data.variations.map(n => n.color), n => n.name);

Это совсем не БЭМ. У вас должно было получится что-то вроде этого:

<div class="main-container">
    <img class="main-container__picture" src="images/bg.png" alt="Background">
    <!-- main-container__block-1 block-1 - Это микс, блок который модифицируется элементом другого блока или другим блоком  -->
    <div class="main-container__block-1 block-1">
        <div class="block-1__content">
            <div class="block-1__text">
                <p>Your Title Goes Here Make It Long & Maybe 3 Lines</p>
            </div>
            <div class="block-1__buttons">
                <!-- block-1__btn btn - Это тоже микс  -->
                <div class="block-1__btn btn"><a class="btn__link" href="#">explore</a></div>
                <div class="block-1__btn btn"><a class="btn__link" href="#">Add to cart</a></div>
            </div>
        </div>
    </div>
</div>

const groups = [
    ["british", "classic-rock"],
    ["pop"],
    ["rock", "classic-rock"],
  ];
  const filterKeys = ["british", "pop"];
  
  groups.filter((g) => filterKeys.some((k) => g.includes(k)))

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

Изначально брать большую картинку и уменьшать, лол. Чудес не бывает.

Есть конечно upscale нейросетки, которые иногда даже работают неплохо, но придётся подождать ещё десяток-другой лет, пока ты сможешь юзать их у себя на сайте в realtime.)

formRemoveError('input');
Здесь кавычки не нужны

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

хранятся где-то.
сервер не нужен. особенно если не упираетесь в лимиты своего хостинга/впс.

если вылазите, тогда уже сервер или сторонние хранилища.

https://jsfiddle.net/dfkco3sj/

Формально да, является: ведь mainFunc() внутри вызывает саму себя.

При каждом вызове mainFunc() снова и снова определяется ф-я getDigitSum() — зачем, если она не меняется?

const B = () => {
                const footer = (
                    <View>
                        <Text>
                            footer
                        </Text>
                    </View>
                )
                return (
                    <View>
                        <A footer={footer}>
                            <Text>
                                lorem
                            </Text>
                        </A>
                    </View>
                )
            }

Потому, что:

function Rabbit() {}
console.log(Object.getOwnPropertyDescriptor(Rabbit, 'prototype'));  // { value: {}, writable: true, enumerable: false, configurable: false }

class Rabbit {}
console.log(Object.getOwnPropertyDescriptor(Rabbit, 'prototype')); // { value: {}, writable: false, enumerable: false, configurable: false }

Найдите разницу :)

А если бы использовали
'use strict';
то сразу бы увидели в чем проблема, так как при попытке выполнить
Rabbit.prototype = {};
получили бы ошибку:

TypeError: Cannot assign to read only property 'prototype' of function 'class Rabbit {}'

function() {
  this.listValue.push({
    'title': this.value,
    'id': `Habr-id-${this.listValue.length}`
  })
}

У тебя кривой gitignore