setupx

Избавляйся от like '%...%', это худший способ искать, он индексы не использует
даже поиск с регулярными выражениями работает лучше (правда там лимит на размер строки)

Если like используется чтобы искать части url, то храни в базе не целиком а разделенную по полям, в идеале чтобы поиск был на равенство (даже если база увеличится и станет сложнее, например тебе нужно искать по параметрам GET url, т.е. потребуется создать еще одну таблицу на них, скорость все равно будет хорошей)

индекс по like %login% не будет применяться. нужно добавить колонку типа булево и partial index на неё. При вставке/обновлении и один раз при создании колонки - заполнить её значением true для нужных строк.

Первое, что приходит в голову - разделить домен и URI. Тогда можно будет сначала поискать по индексу доменов, а потом уже эту выборку по урлу.

Делал точно такую штуку как на 2 картинке через скролл бар.
Пример
Сначала делал, чтобы на десктопе листали по 1 элементу, потом попросили чтобы как мобильный скролл бар был, через js делал.
А кнопки листают 1 элементу. Ширина элемента высчитываю при загрузке компонента и от этого исхожу.

stroke="currentColor" 

<button class="primary">

.primary {
  background: var(--primary);
  color: #fff;
  &:hover {
    color: #ccc;
  }
}