Почему не роботает Slick?
Так у вас опечатка.  Вместо "type"  "src" должно же быть в третьей строке, где подгружаете main.js
У  вас код запуска слайдера не грузится.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
<script src="js/slick.min.js"></script>
<script src="js/main.js"></script>
насколько я помню в разметке для slick обязательны div внутри:
<div class="bike-slider">
  <div><img class="bike-slider__item" src="images/bike-1.jpg" alt=""></div>
  <div><img class="bike-slider__item" src="images/bike-2.jpg" alt=""></div>
  <div><img class="bike-slider__item" src="images/bike-3.jpg" alt=""></div>
  <div><img class="bike-slider__item" src="images/bike-4.jpg" alt=""></div>
</div>