GlazOtca

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

_deleteCard= ()=>{
    this.listener(this.Id, ()=>this._deleteBlock(this._element))
  }

Разбирать чужой код - важнейший навык программиста! Сначала, критерием служит работающий код, а уж навык определять его как хороший или с "душком" придет с опытом.

Я в прошлом ответе вам посоветовал посмотреть внимательно и сверить свой код с тем что в видеотуториале. Не пойму, у вас косоглазие или экран мутный, или что вам мешает? Я все проделал один в один и у меня всё работает!
Функция которую вы назвали dragHandler, на самом деле называется dropHandler и вешается она не на событие onDrag, а на событие onDrop!!!

Смотрите внимательно - вы наделали кучу ошибок.

Это конструкция
$row = $queryResultSet->fetchArray(SQLITE3_ASSOC)
получает строку ответа. Соответственно, если ваш запрос получает больше одной строки в ответе - вы получите несколько результатов.

export const ContentRender = (props) => {
  const content = "{(props.user} опубликовал(а) {(props.post} в группе {(props.group}";
 return (
      {content.split(/({.*?})/g).map((child) => (
        <>{child.startsWith("{") ? mapper[child.trim()] : child}</>
      ))}
  );
}
// вызов компонента
<ContentRender user={mapper['{user}']} post={mapper['{post}']} group={mapper['{group}']}>

Вам совершенно точно нужен сервер. Вы подключаетесь к БД, а значит без сервера все реквизиты подключения будут на стороне клиента! Т.е. любой юзер, сможет подключиться к вашей БД и творить там безобразие.
А если есть сервер, то клиент шлет запрос на него, сервер подключается к БД, используя при этом приватные переменные(адрес, логин, пароль), обрабатывает полученные данные и шлет ответ пользователю. Уже не говоря про верификацию данных на стороне сервера и сохранение сессии.

Тут нужен расчет. Исходные данные: минимальная и максимальная ширина блока, минимальный и максимальный размер шрифта. Все это используется в css-функции для задания размера шрифта:

.block {
  font-size: clamp(1rem, -0.875rem + 8.333vw, 3.5rem);
}

Более подробно с готовыми примерами в песочнице можно почитать тут

Может потому что следует учесть минус в регулярном выражении?

alert(info);
	alert(info.match(/matrix\(\d+, ?\d+, ?\d+, ?\d+, ?(\d+)/)[1]);
  alert(info.match(/matrix\(\d+, ?\d+, ?\d+, ?\d+, ?\d+, ?(\-\d+)/)[1]);