Update Bootstrap from v4 to v5

app/views/application/_breadcrumbs_and_title.html.slim

@@ -18,14 +18,17 @@
 
 - title = "#{active_action} - #{application_name}"
 - content_for :breadcrumbs do
-  .container
-    ul.breadcrumb
+  .container.mb-4
+    ul.breadcrumb.bg-light.px-3.py-2
       - if root_element.present?
-        li.breadcrumb-item = root_element
+        li.breadcrumb-item.small
+          = root_element
         - if current_element.present?
-          li.breadcrumb-item = current_element
+          li.breadcrumb-item.small
+            = current_element
           - title = "#{object} - #{title}"
         - else
           - title = "#{model.model_name.human(count: 2)} - #{title}"
-      li.breadcrumb-item.active = active_action
+      li.breadcrumb-item.active.small
+        = active_action
 - content_for :title, title

app/views/application/_flash.html.slim

@@ -4,5 +4,4 @@
       - flash_mapping = {'alert' => 'warning', 'notice' => 'success'}
       div.alert.flash class="alert-#{flash_mapping.fetch(severity, severity)} alert-dismissible fade show"
         p.mb-0 id="flash-#{severity}" == flash[severity]
-        button type="button" class="close" data-dismiss="alert" aria-label="Close"
-          span.text-white aria-hidden="true" ×
+        button.btn-close type="button" data-bs-dismiss="alert" aria-label="Close"

app/views/application/_locale_selector.html.slim

@@ -1,5 +1,5 @@
 li.nav-item.dropdown
-  a.nav-link.dropdown-toggle.mx-3 data-toggle='dropdown' href='#'
+  a.nav-link.dropdown-toggle.mx-3 data-bs-toggle='dropdown' href='#'
     = t("locales.#{I18n.locale}")
     span.caret
   ul.dropdown-menu.p-0.mt-1 role='menu'

app/views/application/_navigation.html.slim

@@ -1,7 +1,7 @@
 - if current_user.try(:admin?) or current_user.try(:teacher?)
   ul.nav.navbar-nav
     li.nav-item.dropdown
-      a.nav-link.dropdown-toggle.mx-3 data-toggle='dropdown' href='#'
+      a.nav-link.dropdown-toggle.mx-3 data-bs-toggle='dropdown' href='#'
         = t('shared.administration')
         span.caret
       ul.dropdown-menu.p-0.mt-1 role='menu'

app/views/application/_navigation_submenu.html.slim

@@ -1,7 +1,7 @@
 - if models.any? { |model| policy(model).index? }
   li.dropdown-submenu
     - link = link.nil? ? "#" : link
-    a.dropdown-item.dropdown-toggle href=link data-toggle="dropdown" = title
+    a.dropdown-item.dropdown-toggle href=link data-bs-toggle="dropdown" = title
     ul.dropdown-menu.p-0
       - models.each do |model|
         = render('navigation_collection_link', model: model, cached: true)

app/views/application/_session.html.slim

@@ -1,6 +1,6 @@
 - if current_user
   li.nav-item.dropdown
-    a.nav-link.dropdown-toggle data-toggle='dropdown' href='#'
+    a.nav-link.dropdown-toggle data-bs-toggle='dropdown' href='#'
       i.fa-solid.fa-user
       = current_user
       span.caret