Move to packaged Bootstrap

We had included Bootstrap v4 as vendored scss instead of loading it via
npm / packages.  This isn't a great practice for a couple of reasons,
not the least of which being the fact that we can't benefit from things
like dependabot and dependency tree checks.

This intentionally does not migrate to Bootstrap v5, but simply changes
how v4 is being installed.

Issue #895 Remove vendored bootstrap

Author: slifty

package-lock.json

@@ -57,6 +57,7 @@
 		"@types/openseadragon": "^4.1.0",
 		"angular-shepherd": "^20.0.0",
 		"binaryjs": "0.2.1",
+		"bootstrap": "^4.1.1",
 		"check-password-strength": "^3.0.0",
 		"core-js": "3.45.1",
 		"country-list": "^2.4.1",

package.json

@@ -0,0 +1,18 @@
+// Import Bootstrap from node_modules with selective components
+@import 'bootstrap/scss/mixins';
+@import 'bootstrap/scss/root';
+@import 'bootstrap/scss/reboot';
+@import 'bootstrap/scss/type';
+@import 'bootstrap/scss/tables';
+@import 'bootstrap/scss/forms';
+@import 'bootstrap/scss/buttons';
+@import 'bootstrap/scss/dropdown';
+@import 'bootstrap/scss/input-group';
+@import 'bootstrap/scss/nav';
+@import 'bootstrap/scss/navbar';
+@import 'bootstrap/scss/pagination';
+@import 'bootstrap/scss/alert';
+@import 'bootstrap/scss/close';
+@import 'bootstrap/scss/tooltip';
+@import 'bootstrap/scss/utilities';
+@import 'bootstrap/scss/print';

src/styles/_bootstrap-custom.scss

@@ -175,12 +175,15 @@ $linear-gradient-background: linear-gradient(90deg, #131b4a 0%, #364493 100%);
 	}
 }
 
-$ionicons-font-path: 'https://unpkg.com/ionicons@4.6.3/dist/fonts';
-
-@import 'vendor/bootstrap/functions';
-@import 'vendor/bootstrap/variables';
+@import 'bootstrap/scss/functions';
+@import 'bootstrap/scss/variables';
 @import 'utilities';
 
+// Custom variables that were in vendored Bootstrap
+$darkBlue: #131b4a !default;
+$box-shadow-dark: 0 0.5rem 1rem rgba($black, 0.3) !default;
+$font-size-xs: ($font-size-base * 0.75) !default;
+
 // Customizations to Bootstrap Variables
 $link-color: lighten(theme-color('primary'), 20%);
 $link-decoration: underline;

src/styles/_variables.scss

@@ -1,7 +1,7 @@
 @import '@angular/cdk/overlay-prebuilt.css';
 
 @import 'variables';
-@import 'vendor/bootstrap/bootstrap-custom';
+@import 'bootstrap-custom';
 
 @import 'animations';
 @import 'base';