upgrade DS to 'bootstrap' v5.0 (#378)

* upgrade dev and peer dependencies

* remove bootstrap from Alert.scss

* update ModalHeader close button

* fix alignment and margin issues that appeared on form elements

* fix issue where leading/trailing icons were not sized properly

* implement feedback

Author: jasonbasuil

package.json

@@ -38,7 +38,7 @@
     "@fortawesome/pro-solid-svg-icons": "^5.15.3",
     "@fortawesome/react-fontawesome": "^0.1.9",
     "@popperjs/core": "^2.5.3",
-    "bootstrap": "^4.3.1",
+    "bootstrap": "5.0",
     "classnames": "^2.2.5",
     "node-sass": "^4.13.0",
     "prop-types": "^15.6.1",
@@ -79,7 +79,7 @@
     "babel-plugin-module-resolver": "^4.0.0",
     "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
     "babel-preset-react": "^6.24.1",
-    "bootstrap": "^4.3.1",
+    "bootstrap": "5.0",
     "classnames": "^2.2.5",
     "css-loader": "^3.4.2",
     "eslint": "^6.8.0",

scss/forms/control_button_group.scss

@@ -36,7 +36,7 @@
 
   .FormControlLabel {
     flex-wrap: wrap;
-    margin-right: 0.5rem;
+    margin: 0 0.5rem 0.5rem 0;
     display: block;
   }
 }

scss/forms/form_control_label.scss

@@ -7,6 +7,7 @@
   align-items: center;
   color: $ux-gray-900;
   display: flex;
+  margin-bottom: 0.5rem;
 
   &--with-children {
     @include font-type-30;

scss/forms/form_group.scss

@@ -38,7 +38,6 @@
   }
 
   &--inline {
-    align-items: center;
     display: flex;
     flex-direction: row;