dollar

>\s*(.*?):[^>]*>\s*([^<]*?)\s*<.*?>([^<>]*?):[^>]*>\s*([^<]*?)\s*<.*?>([^<>]*?):[^>]*>\s*([^<]*?)\s*$

Лучше использовать sort(). Это нативная, а потому быстрая, функция. Своя функция, если опустить время на создание массива, будет на порядок медленнее.

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

Ещё вариант, сделать массив непосредственно из DOM-элементов, как-то так (пример):
[...document.querySelectorAll('tr')]
А после применения sort(), можно с помощью insert'ов сделать новую таблицу или даже пушить в существующую. Здесь плюс в том, что вы не меняете оформление и формат таблицы. То есть если другой программист (или вы в будущем) добавит новый столбец, то код, вероятно, не сломается.

К слову, если у вас 100-500 элементов, а на странице редко бывает больше 500, то сортировать можно как угодно, пользователь не заметит разницы.

Примерно так:

var obj = res.items[0].snippet.thumbnails;
var max_width = 0, max_height = 0, name = 'unknown';
for(let k in obj) if (max_width < obj[k].width) {
  max_width = obj[k].width;
  max_height = obj[k].height;
  name = k;
}
console.log('Name: ',name,' Width: ',max_width,' Height: ',max_height);

Нет.
А если сможете, то вы нашли уязвимость, либо адресат пользуется чем-то очень устаревшим.

const COOLDOWN_TIME = 15000;

function startCooldown(skill) {
	skill.Disable();
	setTimeout(()={
		skill.Enable();
	}, COOLDOWN_TIME);
}

Примерно так:

1. Выберите пункт меню Инструменты -> Редактор скриптов.
   
2. В появившийся редактор скопируйте следующий код:
   
   Код

   function MAX_THE_SAME(input, search) {
     if (!input) return "Нет данных";
     if (!(input instanceof Array)) return "Выбрана одна ячейка";
     var current;
     var count = 0;
     var max = 0;
     for(var x=0; x<input[0].length; x++) {
       current = null;
       for(var y=0; y<input.length; y++) {
         var val = input[y][x];
         if (!val && val !== 0 || search && val!=search) {
           current = null;
           continue;
         }
         val = val.toString();
         if (current !== val) {
           current = val;
           count = 0;
         }
         count++;
         if (max < count) max = count;
       }
     }
     return max;
   }

   
   
3. Сохраните.
   
4. В любом месте страницы вставьте формулу =MAX_THE_SAME(A:A)
   или =MAX_THE_SAME(A:A;"dog")
   

Можно.
И даже нужно.

Небольшой по смыслу разрыв - br, а большой - p.

Не разбираясь во всех ваших хитросплетениях, давайте просто отдебажим ваш код:

1. 
   

   const modal = new Modal(document.querySelector('.modal'));

   
   Это то, что выполнится первым. В конструктор передается результат поиска элемента. Если элемент не найден, то querySelector выдаст null. Очевидно. Здесь нет проверок на null, но будем надеяться, что в теле конструктора они точно есть. Ну или хотя бы есть полная уверенность, что элемент с таким классом обязательно есть на странице.
   
2. Входим в конструктор:
   

   this.modalElement = modalElement;
   // .......
   this.modalElement.querySelector(..................);

   
   И здесь происходит ошибка. Странно, проверки на null нигде нет. И судя по тексту ошибки, вы пытаетесь вызвать метод querySelector переменной modalElement, которая имеет значение null. Следовательно, в самом начале элемента с классом modal не было на странице.