Upgrade bootstrap to 5.3.5 and remove ttip package

Removing the ttip package is just a start at
removing jquery as a dependency. The browser
can handle titles itself to create popups so I
have just migrated them to use that instead.

We still have a couple of jquery uses in the code:
 - quick command modal popup
 - Dropdown menu for the login and profile button

These are not trivial to remove unlike ttip so
I will not include them in this branch

Author: Jordan Lovett

package-lock.json

@@ -25,7 +25,7 @@
   },
   "dependencies": {
     "@fortawesome/fontawesome-free": "^6.7.2",
-    "bootstrap": "^3.4.1",
+    "bootstrap": "^5.3.5",
     "brush-cpp": "^4.0.1",
     "brush-diff": "^4.0.0",
     "brush-javascript": "^4.0.0",

package.json

@@ -50,9 +50,7 @@
     %%    ? '/release/' ~ $release.author ~ '/' ~ $release.name
     %%    : '/dist/' ~ $release.distribution;
     <li class="nav-header no-margin-top">
-      <div class="ttip" data-toggle="tooltip" data-placement="bottom" title="The date that this version of [% $release.distribution %] was released.">
-        <span class="relatize">[% datetime($release.date).to_http %]</span>
-      </div>
+      <span>Released <span class="relatize">[% datetime($release.date).to_http %]</span></span>
     </li>
     %%  include inc::release_status { maturity => $release.maturity }
     %%  block left_nav_lead -> {
@@ -100,7 +98,7 @@
     </li>
     %% if defined $distribution.river.bus_factor {
     <li>
-      <div class="ttip" data-toggle="tooltip" data-placement="bottom" title="The # people with an indexing permission on [% $release.distribution %] who have released something to CPAN in the last 2 years (i.e. the # people likely able to release critical fixes in a timely manner)">
+      <div title="The # people with an indexing permission on [% $release.distribution %] who have released something to CPAN in the last 2 years (i.e. the # people likely able to release critical fixes in a timely manner)">
       Bus factor: [% $distribution.river.bus_factor %]
       </div>
     </li>

root/base/release.tx

@@ -7,10 +7,10 @@
   <li><a href="/pod/[% $dep %]" title="[% $dep %]" class="ellipsis">[% $dep %]</a></li>
   %%  }
   %%  if !$deps.size() && !$release.metadata {
-  <li><i class="ttip" title="no META file provided">unknown</i></li>
+  <li><i title="no META file provided">unknown</i></li>
   %%  }
   %%  else if $release.metadata.dynamic_config {
-  <li><i class="ttip" title="dynamic_config enabled">[% $deps.size() ? "and possibly others" : "unknown" %]</i></li>
+  <li><i title="dynamic_config enabled">[% $deps.size() ? "and possibly others" : "unknown" %]</i></li>
   %%  }
   %%  else if !$deps.size() {
   <li><i>none</i></li>

root/inc/dependencies.tx

@@ -11,7 +11,6 @@ const {
 const jQuery = require('jquery');
 require('bootstrap/js/dropdown.js');
 require('bootstrap/js/modal.js');
-require('bootstrap/js/tooltip.js');
 
 function setFavTitle(button) {
     button.setAttribute('title', button.classList.contains('active') ? 'Remove from favorites' : 'Add to favorites');
@@ -104,8 +103,6 @@ function format_string(input_string, replacements) {
 // User customisations
 processUserData();
 
-jQuery(".ttip").tooltip(); // bootstrap
-
 for (const el of document.querySelectorAll('.keyboard-shortcuts')) {
     el.addEventListener('click', e => {
         e.preventDefault();