Update templates to use bootstrap 5 data attributes

Author: occupant

templates/layout/page.html.twig

@@ -114,7 +114,7 @@
           {% endif %}
         </div>
         <div id="ubc7-global-utility">
-          <button type="button" data-toggle="collapse" data-target="#ubc7-global-menu" aria-label="UBC Search toggle" aria-controls="ubc7-global-menu"><span>UBC Search</span></button>
+          <button type="button" data-bs-toggle="collapse" data-bs-target="#ubc7-global-menu" aria-label="UBC Search toggle" aria-controls="ubc7-global-menu"><span>UBC Search</span></button>
           <noscript><a id="ubc7-global-utility-no-script" href="http://www.ubc.ca/">UBC Search</a></noscript>
         </div>
       </div>
@@ -132,7 +132,7 @@
         <!-- Mobile Menu Icon -->
         <div class="navbar">
         <!-- TODO: -->
-          <button class="btn btn-navbar drawer-toggle--primary" data-toggle="collapse" data-target="#ubc7-unit-navigation" aria-label="Mobile menu toggle" aria-controls="ubc7-unit-navigation" type="button">
+          <button class="btn btn-navbar drawer-toggle--primary" data-bs-toggle="collapse" data-bs-target="#ubc7-unit-navigation" aria-label="Mobile menu toggle" aria-controls="ubc7-unit-navigation" type="button">
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>

templates/misc/status-messages.html.twig

@@ -32,7 +32,7 @@
     ]
   %}
   <div role="contentinfo" aria-label="{{ status_headings[type] }}"{{ attributes.addClass(classes)|without('role', 'aria-label') }}>
-      <a class="close" data-dismiss="alert" href="#">&times;</a>
+      <a class="close" data-bs-dismiss="alert" href="#" aria-label="Close">&times;</a>
       {% if status_headings[type] %}
         <h4 class="alert-heading">{{ status_headings[type] }}</h4>
       {% endif %}

templates/navigation/menu--main.html.twig

@@ -41,7 +41,7 @@
           <div class="btn-group">
             {{ link(item.title, item.url, item.attributes.addClass('btn')) }}
             {% if item.below %}
-              <button class="btn dropdown-toggle" data-toggle="dropdown" aria-label="Toggle submenu for {{ item.title }}" aria-expanded="false" aria-haspopup="true" aria-controls="menu-id-{{ menuid }}"><span class="ubc7-arrow blue down-arrow"></span></button>
+              <button class="btn dropdown-toggle" data-bs-toggle="dropdown" aria-label="Toggle submenu for {{ item.title }}" aria-expanded="false" aria-haspopup="true" aria-controls="menu-id-{{ menuid }}"><span class="ubc7-arrow blue down-arrow"></span></button>
             {% endif %}
       {% else %}
         <li{{ item.attributes.addClass(classes, 'item').removeClass('menu-item') }}>