React bootstrap upgrade to v1, migrate to react-beautiful-dnd (#1639)

* Upgrade packages, fix errors, still WIP

* WIP

* Bootstrap v4 upgrade

* Switch to react-beautiful-dnd

* Fixed some issues

* Added to generate signed Mac build for UX

* PR feedback

* Missed one

* PR feedback

src/renderer/css/index.css

@@ -45,6 +45,7 @@
 
 html {
   height: 100%;
+  font-size: 14px;
 }
 body {
   min-height: 100%;
@@ -68,8 +69,8 @@ body {
   transition: opacity 500ms ease-in-out;
 }
 
-.has-error .control-label,
-.has-error .help-block {
+:invalid .col-form-label,
+:invalid .form-text {
   color: #333;
 }
 
@@ -86,6 +87,7 @@ body {
   overflow: hidden;
   height: 36px;
   background-color: rgba(0,0,0,0.1);
+  width: 100%;
 }
 
 .topBar>.topBar-bg.unfocused {
@@ -249,4 +251,4 @@ body {
 
 .topBar.darkMode .overlay-gradient {
   background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #202124 100%);
-}
+}