Какие стили нужно добавить в card, чтобы каждый элемент в card занимал столько высоты сколько есть в содержимом?

убери это

.card__line {
  height: 2px;
  background: pink;
}

и используй бордер - либо бордер-топ для нижнего элемента, либо бордер-боттом для среднего. Я обновил пример в ответе, посмотри еще раз

Какие стили нужно добавить в card, чтобы каждый элемент в card занимал столько высоты сколько есть в содержимом?

Используй флекс в карточке, а не грид.

На сколько безопасен sql запрос с подстановкой в него данных без обработки с клиента?

Boris007, это два в одном выходит) Очень часто все вопросы в оффдоках.

На сколько безопасен sql запрос с подстановкой в него данных без обработки с клиента?

Boris007, не смешно ) В данном примере ты вроде используешь библиотеку pg. Идешь в оффдоки, читаешь. Там вот пример

const text = 'INSERT INTO users(name, email) VALUES($1, $2) RETURNING *'
const values = ['brianc', '[e-mail]']
 
const res = await client.query(text, values)
console.log(res.rows[0])
// { name: 'brianc', email: '[e-mail]' }

итого потрачено времени около 30 секунд. Я кстати тоже задавал такой же вопрос на сервере, но мне просто ткнули в подготовленные выражения - этого достаточно

Как интегрировать ChatGPT?

думаю вам нужно сразу в ChatGPT API.

На сколько безопасен sql запрос с подстановкой в него данных без обработки с клиента?

Так просто используйте подготовленные выражения и все.

Как защитить программу от копирования без интернета?

наверное в такой плоскости это вопрос про обфускацию кода.

Как защитить программу от копирования без интернета?

то есть даже активация без интернета?

Можно ли флексом разместить две колонки под одной слева и справа одну колонку?

можно. Но больно представлять что вы хотите получить в итоге )

Можно ли на vue верстать?

Можно в принципе просто потребовать исходный код с исполнителя. Не думаю что автор будет самостоятельно поддерживать сайт. А при масштабировании/изменении функционала пересобрать билд для следующего фрилансера - не проблема. "немножко js" ведь тоже понятие туманное.

Как правильно создать layout страницы с изменяемым состоянием?

Спасибо за ответ. Действительно, в данном слечае разницы реакт или вью -никакой. Смотрел в сторону shared-data,но случился конфуз с добавлением данных через Inertia::share, решил отложить внедрение этой фичи. Пока решил все стандартными средствами реакта. По факту практически продублировав то что делает shared-data) Попробую еще раз использовать. подскажите на будущее- вы используете расшаривание через мидлвер?

Возможно обработать click на стрелочке scrollbar?

Я протестировал - вреде нельзя. Это скорее не элемент дом-дерева а грубо говоря элемент браузера. Если очень нужно то можно написать кастомный скролл, где все прокликивается.

Как получить значение выбранного option, если стоит niceSelect?

anmkh, ага. Теперь понятно. Я бы в вашем случае добавил кнопку, по нажатию на которую происходят арифметики эти.
вот взял с сайта вашей библиотеки пример и дописал небольшую логику

<select>
      <option data-display="Select">Nothing</option>
      <option value="1">Some option</option>
      <option value="2">Another option</option>
      <option value="3" disabled>A disabled option</option>
      <option value="4">Potato</option>
    </select>
    <input class="userData" type="number"></input>
    <p class="display"></p>
    <script>
      $(document).ready(function () {
        $("select").niceSelect();
      });
      
      $("select").change(function () {
  const selectedValue = $(this).val();
  const userData = $(".userData").val();
  const someval = 10;
  let result = selectedValue * (userData * someval);
  $(".display").text(result);
});

    </script>

тут добавил прослушиватель, который при изменении выбранного селекта меняется отображение в документе. простой пример, но по этому принципу можно дальше смотреть. На вопрос ответил, дальше сами

Как получить значение выбранного option, если стоит niceSelect?

anmkh, а почему вы обработчик назначили на документ? в вашем случае нужно что-то вроде

$(".select").change(function () {
        const selectedValue = $(this).val();//ну или event используйте,как удобно
      });

Как получить значение выбранного option, если стоит niceSelect?

anmkh, пойдем долгим путем ) где код?

Как правильно создать layout страницы с изменяемым состоянием?

szQocks, Нет, все актуально! спасибо за внимание - я понимаю, что сформулировано мягко говоря не совсем понятно. Скорее всего в итоге все сделаю через хук. Сейчас мне интересно прощупать те возможности/подходы реакта, которые еще не юзал. Действительно, щупаю компоненты высшего порядка(хоть в коде вопроса не совсем о хок, но близко ). Еще раз спасибо - выручаешь не первый раз!

Как правильно создать layout страницы с изменяемым состоянием?

szQocks, Есть компонент всплывающего сообщения. Он расположен в родителе, и запускается функцией showPopup. То есть я могу передать эту функцию в дочерние элементы и из них показывать всплывающие сообщения родителя. Пока компренде?)
Дальше. Приложение - не SPA. И я хочу вынести этого родителя с попапом в отдельный элемент, чтобы в него заворачивать другие страницы. Все просто - если бы не стейт, которым нужно управлять из дочерних компонентов.
Все работает. Но мозолит глаза способ которым передаю пропсы внутрь этого "лейаута" -

<MainLayout>
            {({showPopup})=>(
                <>
                    <button onClick={()=>showPopup("success","i did it again")}>popup</button>
                </>)}
        </MainLayout>

Ищу способ убрать эти крякозябры в jsx. Переписывать попап неохота. Да и чувствую что истина где-то рядом)

Hover отрабатывает только при наведении на верхний бордер, а надо чтобы при наведении на всю кнопку, почему и как?

отмечай вопрос решенным, чтобы люди не заходили.

Смартфон не распознаётся компьютером, хотя быстро заряжается?

Пробовал подключать к другому пк?

Возможно ли изменить поведение contentEditable?

LosTinCode, очень часто при изучении новой технологии человек ищет решения тех проблем, которых на самом деле и нет. Вроде как пытаешься влезть в окно при открытой двери. это я по своему опыту.