Switch to use new bootstrap 5 non-jQuery API

[jrochkind]

In Bootstrap 4, the JS API for interacting with tabs and collapsible elements was a jQuery plugin.

In Bootstrap 5, the jQuery plugin ought to still be supported if you have jQuery installed. But we're going to switch to the new straight-JS API here. This is a head start on likely future switch to not use jQuery, but the main reason we are doing it is in hopes that it will help with some of our super mysterious flakey JS that seems to be around code for showing tabs and collapsibles.

[jrochkind]

Definitely hasn't totally solved it, we just got one of the more common ones:

1) Oral history with audio display With OHMS synchronized transcript and ToC can display, and search, without errors
     Failure/Error: page.find(copy_to_clipboard).click

     Selenium::WebDriver::Error::ElementClickInterceptedError:
       element click intercepted: Element <button class="btn btn-outline-secondary" data-trigger="linkClipboardCopy">...</button> is not clickable at point (648, 213). Other element would receive the click: <div class="ohms-search-results">...</div>

     # ./spec/system/oral_history_with_audio_spec.rb:423:in `block (3 levels) in <main>'

And now we have a screenshot image....

OK the was not scrolled far enough to actually put the "copy to clipboard" link on screen. Hmm.

[jrochkind]

OK, you actually have to click "Share link" to open up the section with "copy to cliipboard".

Our capybara script didn't include that! And mostly worked anyway, because the OHMS Search code that opens up a ToC section with a result was sloppy, and could open up too much or the wrong thing.... still not sure why test was then flakey instead of always failing, but trying to make everything more precise.

[jrochkind]

OK I think this was not related to the problem and does not fix it, but as long as we're here we might as well make the change.

[eddierubeiz]

Approved - merge as you see fit.