Иван

Это надо делать на бэке по разным причинам. Как минимум одну ты уже сказал - не надо палить секретный ключ.

Можно придумать 2 причину - отвал клиента: представь, что после оплаты клиент отвалился. Что будет?
- Токен подтверждения оплаты потерян
- После перезагрузки кэш браузера очистился

В итоге деньги потратились, но информации об этом ты не получил. Все потерялось - только ручками эту информацию у провайдера оплаты получать и чинить.

Если бы это сервер обрабатывал, то можно было бы какой-нибудь trace id сохранить в БД и быть уверенным, что даже если отвалишься, то в будущем сможешь проверить статус оплаты.

Можно, разрешаю

Media Session API

JS стучится на свой же сервер, а там PHP или что там на бэке уже CURL`ом отправляет запрос к телеге. В JS думаю никак токен не скрыть.

Способов много, но предлагаю на выбор вот эти четыре:

• Можно добавить дочерним элементам рамку (css свойство border). Например по 0.5px слева и справа. Либо по 1px только справа, первому элементу можно задать обе рамки
  
• Можно между элементами сделать отступ в 1px при помощи отступа (margin-right: 1px). Для этого способа нужно чтобы у родителя элементов был серый цвет (цвет линии)
  
• Если это flex раскладка (сомневаюсь), можно сделать гэп (css свойство gap для флекс контейнера)
  
• Предыдущие три способа требуют, чтобы дочерные элементы контейнера были 100% высоты и n px в ширину. Если не хочешь с этим морочиться, можешь создать псевдоэлемент after для ребёнка (ссылки), добавить ему абсолютное позиционирование (а контейнеру относительное), выставить ширину в один пиксель, высоту в 100%, залить фоном, правильно спозиционировать и тд. Тогда это уже будет действительно самая настоящая независимая линия, а не рамка)
  

Предпочтительнее всего третий вариант. Четвёртый вариант может устроить если не хочется перевёрстывать уже существующие элементы (например если они не на всю высоту или слишком узкие)

маркетплейс

После многих лет работы в вебдев-е, я сделал вывод, для что для готовых быстрых (в плане изготовления) и готовых интерфейсов по типу админок, Bootstrap лучший выбор. Но если надо что то уникальное (кастомное), особенно для клиентской части сайта, то тут нужно либо самому писать с нуля на чистом CSS либо взять новомодный Tailwind CSS.

В своих проектах, для админки я юзаю Bootstrap а для клиентской части пишу на Tailwind CSS

Flex вам в помощь. Отлично расписано что и как делается вот тут
https://css-tricks.com/snippets/css/a-guide-to-flexbox/

использовать svg узор

Прошу прощения что побеспокоил, нашел сам: Mockingbird

Ещё из подобных:
Pencil Project
ProtoShare
Hot Gloo
MockFlow
Balsamiq Mockups
Creately

а зачем столько производителей авто, а не одна Тойота?
а зачем столько производителей молока?
а зачем столько производителей туалетной бумаги?

да потому что одним нравится одно, другим - другое.
а один продукт на рынке - стагнация. доказано в разных отраслях, и не однократно.

кстати, для фронта не так уж и много фреймворков в сравнении с бэком.