feat: Add "Pin selected notes" button to editor title bar (#760)

app/assets/stylesheets/_editor.scss

@@ -33,7 +33,7 @@ $heading-height: 75px;
   padding-top: 14px;
   padding-left: 14px;
   padding-bottom: 10px;
-  padding-right: 10px;
+  padding-right: 14px;
 
   border-bottom: none;
   z-index: $z-index-editor-title-bar;

app/assets/stylesheets/_sn.scss

@@ -748,6 +748,36 @@
   }
 }
 
+.border-info-contrast {
+  border-color: var(--sn-stylekit-info-contrast-color);
+}
+
+.sn-icon-button {
+  &:focus {
+    border-color: transparent;
+  }
+
+  &.toggled {
+    border-color: transparent;
+    @extend .bg-info;
+    @extend .color-info-contrast;
+
+    &:focus {
+      background-color: var(--sn-stylekit-info-color) !important;
+      border: none;
+    }
+
+    &:hover {
+      @extend .color-info;
+      @extend .border-info;
+    }
+
+    &:focus:hover {
+      background-color: var(--sn-stylekit-contrast-background-color) !important;
+    }
+  }
+}
+
 @media screen and (max-width: $screen-md-min) {
   .sn-component {
     .md\:hidden {