Refactor About dropdown menu for Bootstrap 5

Author: dave2wave

content/theme/templates/menu.html

@@ -59,27 +59,21 @@
           </ul>
         </li>
       </ul>
-      <div class="navbar-nav">
-          <div class="nav-item dropdown dropdown-menu-right active">
-            <a class="nav-link dropdown-toggle" href="#"
-              role="button" data-toggle="dropdown" aria-haspopup="true"
-              aria-expanded="false">About</a>
-            <div class="dropdown-menu dropdown-menu-right">
-              <a class="dropdown-item" href="https://www.apache.org/">Foundation</a>
-              <div class="dropdown-divider"></div>
-              <a class="dropdown-item"
-                href="https://www.apache.org/licenses/">License</a>
-              <a class="dropdown-item"
-                href="https://www.apache.org/foundation/sponsorship.html">Sponsorship</a>
-              <a class="dropdown-item"
-                href="https://www.apache.org/foundation/thanks.html">Thanks</a>
-              <div class="dropdown-divider"></div>
-              <a class="dropdown-item"
-                href="https://www.apache.org/security/">Security</a>
-              <a class="dropdown-item"
-                href="https://privacy.apache.org/policies/privacy-policy-public.html">Privacy Policy</a>
-            </div>
-          </div>
+      <div class="nav-item dropdown active">
+        <a class="nav-link dropdown-toggle" href="#"
+           role="button" data-bs-toggle="dropdown" aria-expanded="false">
+          About
+        </a>
+        <div class="dropdown-menu dropdown-menu-end">
+          <a class="dropdown-item" href="https://www.apache.org/">Foundation</a>
+          <div class="dropdown-divider"></div>
+          <a class="dropdown-item" href="https://www.apache.org/licenses/">License</a>
+          <a class="dropdown-item" href="https://www.apache.org/foundation/sponsorship.html">Sponsorship</a>
+          <a class="dropdown-item" href="https://www.apache.org/foundation/thanks.html">Thanks</a>
+          <div class="dropdown-divider"></div>
+          <a class="dropdown-item" href="https://www.apache.org/security/">Security</a>
+          <a class="dropdown-item" href="https://privacy.apache.org/policies/privacy-policy-public.html">Privacy Policy</a>
+        </div>
       </div>
     </div>
   </div>