Синтаксических ошибок в HTML/JS нет.

function addToList(name) {
  const ls = getLists();
  const listNames = Object.keys(ls);
  if (!listNames.length) {
    openModal(name);
    return;
  }

  // рендерим выбор существующего списка
  const modalBox = document.createElement('div');
  modalBox.className = 'modal-box';
  modalBox.innerHTML = `
    <h2>Добавить в список</h2>
    <select id="listSelect" style="padding:10px;border-radius:8px;width:100%;">
      ${listNames.map(l => `<option value="${l}">${l}</option>`).join('')}
    </select>
    <div class="modal-actions">
      <button id="modalAdd" class="btn btn-sm">Добавить</button>
      <button id="modalNew" class="btn--ghost btn-sm">Создать новый</button>
    </div>
  `;
  $('#modal').innerHTML = '';
  $('#modal').appendChild(modalBox);
  $('#modal').style.display = 'flex';

  $('#modalAdd').onclick = () => {
    const sel = $('#listSelect').value;
    if (sel) {
      ls[sel] = ls[sel] || [];
      if (!ls[sel].includes(name)) ls[sel].push(name);
      localStorage.setItem('lists', JSON.stringify(ls));
      $('#modal').style.display = 'none';
      renderLists();
    }
  };

  $('#modalNew').onclick = () => {
    openModal(name);
  };
}