Update Bootstrap from v4 to v5

app/views/tips/_collapsed_card.html.slim

@@ -3,7 +3,7 @@
 .card class="#{exercise_tip.parent_exercise_tip_id? || exercise_tip.rank != 1 ? 'mt-2' : ''}"
   .card-header.p-2 id="tip-heading-#{exercise_tip.id}" role="tab"
     .card-title.mb-0
-      a.collapsed aria-controls="tip-collapse-#{exercise_tip.id}" aria-expanded="false" data-parent="#tips" data-toggle="collapse" href="#tip-collapse-#{exercise_tip.id}"
+      a.collapsed aria-controls="tip-collapse-#{exercise_tip.id}" aria-expanded="false" data-bs-parent="#tips" data-bs-toggle="collapse" href="#tip-collapse-#{exercise_tip.id}"
         .clearfix role="button"
           i.fa-solid aria-hidden="true"
           span

app/views/tips/_form.html.slim

@@ -1,16 +1,16 @@
 = form_for(@tip, builder: PagedownFormBuilder) do |f|
   = render('shared/form_errors', object: @tip)
-  .form-group
-    = f.label(:title)
+  .mb-3
+    = f.label(:title, class: 'form-label')
     = f.text_field(:title, class: 'form-control', required: false)
-  .form-group
-    = f.label(:description)
+  .mb-3
+    = f.label(:description, class: 'form-label')
     = f.pagedown :description, input_html: { preview: true, rows: 5 }
-  .form-group
-    = f.label(:file_type_id, t('activerecord.attributes.file.file_type_id'))
+  .mb-3
+    = f.label(:file_type_id, t('activerecord.attributes.file.file_type_id'), class: 'form-label')
     = f.collection_select(:file_type_id, @file_types, :id, :name, {include_blank: true}, class: 'form-control')
-  .form-group
-    = f.label(:example)
+  .mb-3
+    = f.label(:example, class: 'form-label')
     = f.text_area(:example, class: 'code-field form-control', rows: 5, style: "display:none;", required: false)
     #editor-edit.original-input data-file-id=@tip.id
       #frames

app/views/tips/_sortable_tip.html.slim

@@ -1,8 +1,8 @@
 - tip = exercise_tip.tip
 .list-group-item.d-block data-tip-id=tip.id data-id=exercise_tip.id
-  span.fa-solid.fa-bars.mr-3
+  span.fa-solid.fa-bars.me-3
   = tip.to_s
-  a.fa-regular.fa-eye.ml-2 href=tip_path(tip) target='_blank'
-  a.fa-solid.fa-xmark.ml-2.remove-tip href='#'
+  a.fa-regular.fa-eye.ms-2 href=tip_path(tip) target='_blank'
+  a.fa-solid.fa-xmark.ms-2.remove-tip href='#'
   .list-group.nested-sortable-list class="#{exercise_tip.children.present? ? 'mt-3' : ''}"
     = render(partial: 'tips/sortable_tip', collection: exercise_tip.children, as: :exercise_tip)