fix broken bootstrap dropdown menus

templates/base.html

@@ -40,7 +40,7 @@
 
             <ul class="nav navbar-top-links navbar-right">
             	<li class="dropdown">
-		           <a href="#" class="dropdown-toggle" data-toggle="dropdown">{% trans "Documentation" %}<b class="caret"> </b></a>
+		           <a href="#" class="dropdown-toggle" data-bs-toggle="dropdown">{% trans "Documentation" %}<b class="caret"> </b></a>
 
 				            <ul class="dropdown-menu">
 				                <li>
@@ -49,7 +49,7 @@
 				            </ul>
                </li>
             	<li class="dropdown">
-				            <a href="#" class="dropdown-toggle" data-toggle="dropdown">{% trans "Language" %}: {% for lang in settings.LANGUAGES %}{% ifequal settings.LANGUAGE_CODE lang.0 %}{% trans lang.1 %}{% endifequal %}{% endfor %}<b class="caret"></b></a>
+				            <a href="#" class="dropdown-toggle" data-bs-toggle="dropdown">{% trans "Language" %}: {% for lang in settings.LANGUAGES %}{% ifequal settings.LANGUAGE_CODE lang.0 %}{% trans lang.1 %}{% endifequal %}{% endfor %}<b class="caret"></b></a>
 				            <ul class="dropdown-menu">
 						    <form action="/set_language/" method="post" style="display:inline;" id="langform">
 												{% csrf_token %}
@@ -68,7 +68,7 @@
 
 				 {% if user.is_authenticated %}
                 <li class="dropdown">
-                    <a class="dropdown-toggle" data-toggle="dropdown" href="#">
+                    <a class="dropdown-toggle" data-bs-toggle="dropdown" href="#">
                         <i class="fa fa-user fa-fw" id="user_icon_id"></i>  <i class="fa fa-caret-down"></i>
                     </a>
                     <ul class="dropdown-menu dropdown-user" role="menu" >
@@ -170,6 +170,7 @@
     <script src="{% static 'js/jquery.add/jquery_csrf_protect.js' %}" type="text/javascript"></script>
     <link rel="stylesheet" href="{% static 'css/jquery-ui.min.css' %}" />
     <script type="text/javascript" src="{% static 'js/jquery-ui/jquery-ui.min.js' %}"></script>
+    <script src="{% static 'js/popper/popper.min.js' %}"></script>
     <script src="{% static 'b3theme/js/bootstrap.min.js' %}"></script>
     <script src="{% static 'b3theme/js/plugins/metisMenu/jquery.metisMenu.js' %}"></script>
     <script type="text/javascript" src="{% static 'js/jquery.add/jquery.cookie.js' %}"></script>