feat: connections sorted by last usage by default and option to pin them

src/renderer/scss/_db-icons.scss

@@ -3,6 +3,7 @@
   width: 42px;
   height: 42px;
   background-size: cover;
+  position: relative;
 
   &.dbi-mysql {
     background-image: url("../images/svg/mysql.svg");

src/renderer/scss/main.scss

@@ -368,6 +368,10 @@ option:checked {
   }
 }
 
+.divider {
+  margin: 0.15rem 0.3rem;
+}
+
 .table-dropdown {
   .menu {
     min-width: 100%;

src/renderer/scss/themes/dark-theme.scss

@@ -148,6 +148,10 @@
     background: transparent;
   }
 
+  .divider {
+    border-top: 0.05rem solid rgba($body-font-color-dark, 0.1);
+  }
+
   .form-switch .form-icon::before {
     background: $bg-color-light-dark;
   }

src/renderer/scss/themes/light-theme.scss

@@ -94,6 +94,10 @@
     background: transparent;
   }
 
+  .divider {
+    border-top: 0.05rem solid rgba($body-font-color-dark, 0.1);
+  }
+
   .tile {
     transition: background 0.2s;