Ankhena

Правильный подход - отделять мух от котлет.
Числа надо держать в отдельном data-атрибуте, а не парсить их каждый раз из текста.

Я в очередной раз посоветую полнейшую чушь, но вдруг поможет.

Почитайте документацию, там совсем немного. https://gulpjs.com/docs/en/api/dest/

(нормально так вопрос изменился с первоначальной версии!)

Через <br> добавлять строки?

Выглядит так, потому что ломается ссылка на маску. Ссылка ломается потому, что в спрайт, скорее всего, попадает только path. Исправить можно, например, избавившись от маски, но там вообще какая-то дичь внутри иконки, проще будет её перерисовать.

Нужно создать из трех кнопок Component set (выделить три кнопки рамкой и выбрать create component set), далее внутри компонента делается нужная интерактивность.

Странный вопрос.
На собеседовании все уместно. Ты же не забывай, что собеседование это не ЕГЕ.
Это диалог двух сторон. Если кандидату не понравился вопрос, он может встать и уйти.
Если он не знает ответ, он может что-то насочинять, и если ты грамотный специалист ты увидишь что он тут отгадывает или точно знает.

У меня для собеседований есть небольшой опросник, в котором чуть ли не каждый второй вопрос идет с небольшим подвохом, и по полноте ответов я понимаю насколько глубоко кандидат шарит. Но мне не всегда необходимо найти того, кто ответит на все 100% вопросов развернуто.
Я просто оцениваю что кандидат знает, а с чем сталкивался настолько регулярно что прям помнит наизусть детали без мануала.

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

Как вариант можно сделать псевдо закругленный border градиентом

Поменяйте input и svg местами
ловите фокус на input
+ это соседский селектор

Для темы лучше использовать css-переменные

body {
  --bg: white;

  background: var(--bg);

  &.dark {
    --bg: black
  }
}

В любой IDE есть встроенный git-клиент. Самая удачная реализация как всегда у продуктов JetBrains.
Если же ищите именно отдельный клиент, по мимо тех, что уже предложили:
От разработчиков Sublime Text: https://www.sublimemerge.com/
И в комплекте с git-ом под Windows идёт git-gui: https://git-scm.com/docs/git-gui/

Я использовал многие клиенты - и все они в удобстве уступают тому, что встроен в *Storm.

1. Найдите строку с максимальной длиной. Это будет максимальная ширина строки;
2. В каждой строке посчитайте пробелы;
3. Найдите для каждой строки разницу между её длиной и длиной большой строки;
4. Поделите разницу на кол-во пробелов с остатком;
5. Умножьте пробелы на целую часть (добавьте X-1 пробелов к каждому пробелу);
6. Остаток раскидайте между оставшимися пробелами.

Или

table tr:not(:last-child) td {
	border-bottom: 1px solid red;
}