update bootstrap to version 5 (#158)

* chore: update bootstrap to version 5

* chore: fix lint

* merge master

* update components to use bootstrap 5

assets/sass/app.scss

@@ -0,0 +1,51 @@
+@import 'node_modules/bootswatch/dist/materia/_variables';
+@import 'node_modules/bootstrap/scss/bootstrap';
+@import 'node_modules/bootswatch/dist/materia/_bootswatch';
+@import 'node_modules/font-awesome/scss/font-awesome';
+@import 'variables';
+@import 'partials/_animations';
+
+body {
+  min-width: 357px;
+}
+
+a.navbar-brand {
+  display: flex;
+  align-items: flex-end;
+  height: 60px;
+
+  img {
+    margin-top: -12px;
+    margin-right: 7px;
+  }
+}
+
+div.container {
+  margin-top: 20px;
+}
+
+canvas#icon {
+  display: none;
+}
+
+div#status {
+  display: none;
+}
+
+// [type='text'].border-danger,
+// .border-danger {
+//   box-shadow: inset 0 -2px 0 red;
+//   &:focus {
+//     .box-shadow(inset 0 -2px 0 #F3F4F5);
+//   }
+// }
+
+.space-between {
+  display: flex;
+  justify-content: space-between;
+}
+
+.align-items-center {
+  display: flex;
+  align-items: center;
+}

assets/sass/partials/_animations.scss

@@ -0,0 +1,17 @@
+.alert-enter {
+  opacity: 0.01;
+  transition: opacity 1s ease-in;
+}
+
+.alert-enter.alert-enter-active {
+  opacity: 1;
+}
+
+.alert-leave {
+  opacity: 1;
+  transition: opacity 1s ease-in;
+}
+
+.alert-leave.alert-leave-active {
+  opacity: 0.01;
+}

assets/sass/variables.scss

@@ -0,0 +1,2 @@
+$navbar-margin-bottom: 0px;
+$navbar-border-radius: 0px;