Simkav

В чем проблема взять версию которая подходит?

Так происходит потому что вы вешаете обработчик на кнопку только при создании таски, в момент загрузки тасок из сторейджа никакх обработчиков вы не навешиваете
P.s. зачем хранить целый кусок HTML в сторейдже если они одинаковые, и можно хранить только сам текст тудушки

Это называется деструктуризация, инфы в гугле полно

Один из вариантов

const fn = (value)=>assetDescription.find(el=>el.key===value).text

Я так подозреваю что это из-за того что вы юзаете хуки в классах
doc

You can’t use Hooks inside a class component, but you can definitely mix classes and function components with Hooks in a single tree.

insertAdjacentHTML

В модели
type: DataTypes.ENUM("foo",'bar")
в миграции
type: Sequelize.ENUM("foo",'bar")

str.match()

Если регулярное выражение содержит флаг g, метод вернёт массив, содержащий все сопоставления. Если сопоставлений не было, метод вернёт значение null.

p.s
В след. раз указывайте язык

Грузите свои таски в массив, и мапом проходитесь по нему
псевдокод
tasks.map((task) => <div>{task....}<div/>)
p.s
Ну и не забываем про key
p.s
doc

Храните состояние темы в стейте и выбираете классы исходя из состояния темы
Адаптив через медиа как обычно

nth-child
Полезная штука

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

ihateregex

const str = "смартфон apple iphone 11 256gb dual sim yellow (mwnj2)"
const input = 'смартфон'
str.includes(input) //true

Все просто же?