Как можно сократить данный код?
Если бы был порядок и полное совпадение имен переменных и классов, можно часть сократить так:const buttons = {};
'all,love,chef,girl,boy,grandma,grandpa'
  .split(',').forEach((name) => buttons[name] = menuWrapper.querySelector('.' + name));Использовать потом, например, вместо girlButton — buttons.girl
Добавить функцию, например:
function _(x) {return document.querySelector(x); }
И сразу вставлять в код типа:
_('.a').style.color = 'red';

Короче не придумать, так как тут нет чего-то общего, что можно заменить.