added ctrl+s record form shortcut and updated user external auths panel with the new provider logos

ui/src/scss/_base.scss

@@ -832,3 +832,34 @@ a.thumb:not(.thumb-active) {
 .entrance-right {
     animation: entranceRight var(--entranceAnimationSpeed);
 }
+
+.provider-logo {
+    $boxSize: 32px;
+    $imgSize: 20px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+    width: $boxSize;
+    height: $boxSize;
+    border-radius: var(--baseRadius);
+    background: var(--bodyColor);
+    padding: 0;
+    gap: 0;
+    img {
+        max-width: $imgSize;
+        max-height: $imgSize;
+        height: auto;
+        flex-shrink: 0;
+    }
+}
+.provider-card {
+    display: flex;
+    align-items: center;
+    width: 100%;
+    height: 100%;
+    gap: 10px;
+    padding: 10px;
+    border-radius: var(--baseRadius);
+    border: 1px solid var(--baseAlt1Color);
+}

ui/src/scss/_form.scss

@@ -342,6 +342,23 @@ button {
     display: inline-flex;
     align-items: center;
     gap: var(--xsSpacing);
+    &.no-gap {
+        gap: 0;
+        > * {
+            border-radius: 0;
+            min-width: 0;
+            box-shadow: -1px 0px 0px 0px rgba(#fff, 0.1);
+        }
+        > *:first-child {
+            border-top-left-radius: var(--btnRadius);
+            border-bottom-left-radius: var(--btnRadius);
+            box-shadow: none;
+        }
+        > *:last-child {
+            border-top-right-radius: var(--btnRadius);
+            border-bottom-right-radius: var(--btnRadius);
+        }
+    }
 }
 
 %input {