Как сделать сортировку, если добавляется новый элемент .letter-line (New item) с data-attr="D", то его добавить в конец группы с id="D", если такой группы нет, то создать её и добавить в конец блока и общая сортировка блоков по алфавиту.
отвечу по простому, не углубляясь в твой код и с псевдокодом -- дальше разберешься
через document.querySelectorAll('D') получаешь массив всей группы с id="D"
получаешь контент нового дом элемента
кладешь его в массив через arr.push(element) либо newArr = [...arr, element]
потом делаешь something.append(arr)
сортировка по имени уже встроена в api движка и работает в функции [].sort((a, b) => a > b)
