website: port osrd-carousel to Bootstrap 5 and remove Bootstrap 4 dependency

Signed-off-by: Duc Nguyen <nguyen@emersion.fr>

Author: DucNg

layouts/partials/hooks/body-end.html

@@ -1,29 +1,31 @@
 {{ $data := index site.Data.carousel site.Language.Lang }}
 
-  <div id="osrd-carousel" class="carousel slide mx-auto" data-ride="carousel" data-interval="false">
-    
+  <div id="osrd-carousel" class="carousel slide mx-auto">
+
     <div class="carousel-inner text-center">
-      
+
       {{ range $index, $item := $data }}
-      
+
       <div class="carousel-item {{ if eq $index 0 }}active{{ end }}">
-        <img 
-        src="{{ $item.img }}" 
-        alt="{{ $item.legend }}" 
+        <img
+        src="{{ $item.img }}"
+        alt="{{ $item.legend }}"
         >
         <legend>{{ $item.legend }}</legend>
-      </div>    
+      </div>
       {{ end }}
-      
+
     </div>
 
-    <a class="carousel-control-prev" href="#osrd-carousel" role="button" data-slide="prev">
-      <span class="carousel-control-prev-icon"></span>
-    </a>
-    
-    <a class="carousel-control-next" href="#osrd-carousel" role="button" data-slide="next">
-      <span class="carousel-control-next-icon"></span>
-    </a>
-    
+    <button class="carousel-control-prev" type="button" data-bs-target="#osrd-carousel" data-bs-slide="prev">
+      <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+      <span class="visually-hidden">Previous</span>
+    </button>
+
+    <button class="carousel-control-next" type="button" data-bs-target="#osrd-carousel" data-bs-slide="next">
+      <span class="carousel-control-next-icon" aria-hidden="true"></span>
+      <span class="visually-hidden">Next</span>
+    </button>
+
   </div>