Upgrade to Blacklight 8 and Bootstrap 5

[thatbudakguy]

This supersedes the earlier PR from which it was inspired, #1344.

Closes #1373 and #1292.

[eliotjordan]

1. I've just now started to review this PR. First thing I notice after spinning up is how small and off center the search input is.
   

2. The map preview appears below the metadata section rather than above.
   

3. Also the default icon looks strange with the jet black background in the navbar.
   

[dnoneill]

In regards to 3, this is what I was seeing in terms of the icon before we did any kind of js/bl8 updates. Is this color different?

[thatbudakguy]

I'm working on 1 & 2.

[github-actions]

Demo app download link: https://github.com/geoblacklight/geoblacklight/actions/runs/10255680191/artifacts/1778135355

1. Download demo app and unzip file
2. Change into app directory
   • run docker compose pull
   • run docker compose up
3. Open in browser
   • App: http://127.0.0.1:3001
   • Solr: http://127.0.0.1:8984

[thatbudakguy]

The header now matches BL8 and the viewer/attributes/etc. order is restored:

[marlo-longley]

@thatbudakguy looks great. Builds correctly. Thank you for all your work on this.
The one thing I am seeing is the background color of the homepage search bar -- assuming it was not intentional? I believe it should be white.

[thatbudakguy]

That is blacklight 8's default.

[thatbudakguy]

The homepage jumbotron uses the same background color as the search bar. I thought it looked OK, so I left it 🤷🏻

[jcoyne]

Should we do this in Blacklight too? https://github.com/projectblacklight/blacklight/blob/main/app/components/blacklight/header_component.html.erb

[jcoyne]

In Argo, we didn't put the search_bar in the <header>, it went in top_bar instead. I wonder if we can find consistency on that. https://github.com/sul-dlss/argo/blob/main/app/components/top_navbar_component.html.erb#L1

[thatbudakguy]

I'm happy to adopt whatever Blacklight does 🤷🏻

[eliotjordan]

• Points 1,2 are much better.
• I hadn't noticed the deafault logo issues before. It's not a huge deal since it's almost always replaced. The logo is an svg. I wonder if we can update the color. If not in this branch in another ticket.
• In the newest version of this branch, clicking on a feature in an index map does not update anything on the page and raises an error in the console. I haven't dug into it too far:

Uncaught (in promise) 
TypeError: Cannot set properties of null (setting 'innerHTML')

[thatbudakguy]

Good catch! the new DocumentComponent had left off a partial. I added it back and wrote some tests.

[eliotjordan]

This looks good now. I'm going to approve to get it moving, but I opened a follow-up Issue that should be resolved before cutting a release: #1464