tek yapman gereken bu tarihi <td></td> içinde <div></div> olarak yazdırman ve ona white-space: nowrap özelliği vermen.

yani;

<table>
    ...
    <tr>
        <td>
            <div class="date-format">2021-01-04</div>
        </td>
    </tr>
    ..
</table>
<style>
    .date-format {
        white-space: nowrap;
    }
</style>

böylece alt satıra hiçbir zaman inmez en garanti yol diyebiliriz.

Eğer değişkenlerinin tipi string ise bu şekilde yapıyor. Ya değerleri tanımlarken integer olarak tanımlaman lazım, ya da burada kullanırken parseInt() ya da parseFloat() gibi fonksiyonlardan geçirmen lazım.

{{ parseFloat(numberOne) + parseFloat(numerSecond) }}

gibi :)

[data-sepete-ekle] nitelikli elemana tıklayınca ürünü sepete ekletiyorsan o zaman yine bu elemana data-title gibi bir nitelik daha ekleyip burada verirsen ürün adını javascript tarafında basitçe .data() kullanarak alabilirsin hangisine tıkladığını biliyorsun çünkü.

<a href="#" ... data-title="<?=$urun['baslik']?>" gibi..

yapacağın şey inline değilde ajax ile autocomplete'i kullanmak olmalı.

en basit örneği: https://jqueryui.com/autocomplete/#remote

prototürk kanalında da bir ders var onada bakabilirsin
https://www.youtube.com/watch?v=w7b_H-Z9hvM

php öldü mü sorusu her sene çaycı hüseyin öldü mü sorusuyla aynı trollükte :)

.svg uzantısıyla dosya oluşturup kodları içine yazıp sayfanda img gibi çağırıp kullanabilirsin, başka türlü gizlemek dediğin şeyin bir yöntemi yok sonuçta sayfada görüyorsun :)

şöyle kullanabilirsin

const number = 2199.8900000000003;
const formattedNumber = new Intl.NumberFormat('tr-TR', { maximumSignificantDigits: 6 }).format(number)
console.log(formattedNumber); // 2.199,89

PWA olarak yapılıyor, dersini anlatmıştık kanalda görmemişsin sanırım :)
https://www.youtube.com/watch?v=I-ptHZ9oUq4