Bootstrap 5 upgrade

[dstopp]

• Fixes #1190
• Were any Django, import pipeline, or table_schema files modified? Y/N
  • If YES:
  • Database used: opus3_test_220530
  • All Django tests pass: NA
  • FLAKE8 run on modified code: NA
• Were any JavaScript or CSS files modified? Y
  • If YES:
  • JSHINT run on all affected files: Y
  • Tested on Chrome, Firefox, Safari, Edge, and iOS: Y/NA (Remember to test all browser sizes)
  • Tested for race conditions (with delayed API calls if applicable): NA
• Was the documentation reviewed for necessary changes or additions? NA
  • About
  • Getting Started
  • FAQ
  • API Guide
  • Tooltips

Description of changes:

Known problems: The close button on the modal still needs some adjusting; testing of changes is ongoing. Testing still ongoing.

[rfrenchseti]

A few observations:

• Sort pills don't have the right color text
• (x) to close dialogs doesn't work (as you know)
• Search menus don't have lines dividing them but have lines flash under the mouse as you move it around
• Select Metadata has no margin between "Download CSV (all results)" and the line below it

[rfrenchseti]

• The Help button, when selected, has an action when you mouse over it (the text turns white). This doesn't happen anywhere else. Is this intentional?
• "Download Links History" in the bottom right is up against the right edge of the browse. Currently there is whitespace.

[juzen2003]

• The Download CSV (all results) button in select metadata menu will stay at the same location when the select metadata menu window is moved. This happened at current master (production site) as well.
• Preprogrammed ranges works now but the console error message is still there, I'll dig in into it now.

[rfrenchseti]

If you activate the hamburger menu on an observation (like a thumbnail) and then select one of the menu items (like add to cart), an error shows up in the console.

dropdown.js:241 Uncaught TypeError: Cannot read properties of null (reading 'classList')
    at li._isShown (dropdown.js:241:23)
    at li.toggle (dropdown.js:117:17)
    at HTMLAnchorElement.<anonymous> (dropdown.js:436:38)
    at HTMLDocument.n (event-handler.js:118:19)

[rfrenchseti]

If you create a download file from the cart page, the popup box that gives the list of URLs for downloads shows up where the mouse is, not in the lower right. If you close it and try to reopen it, it won't stay open and the spinning-busy-symbol is shown in the box for the brief time you can see it.

[rfrenchseti]

When in the table view, if you delete a column by clicking on the trashcan icon you get the following in the console:

Uncaught TypeError: this._menu is null _isShown dropdown.js:241 toggle dropdown.js:117

dropdown.js:436 n event-handler.js:118

[rfrenchseti]

This is actually a problem in the production OPUS too: If the "Download Links History" box is open, and the browser is shrunk very small, the footer goes away. But when it goes away, that links history box becomes detached from the footer area and shows up in the top left, partially off the screen.