Fixes issue with components in revision preview not iframe loading, misc css/html updates

app/assets/stylesheets/app/_editor.scss

@@ -29,7 +29,7 @@ $heading-height: 75px;
   overflow: visible;
 
   > .title {
-    font-size: 18px;
+    font-size: var(--sn-stylekit-font-size-h1);
     font-weight: bold;
     padding-top: 0px;
     width: 100%;
@@ -58,7 +58,7 @@ $heading-height: 75px;
     position: absolute;
 
     right: 20px;
-    font-size: 12px;
+    font-size: var(--sn-stylekit-font-size-h5);
     text-transform: none;
     font-weight: normal;
     margin-top: 4px;

app/assets/stylesheets/app/_main.scss

@@ -22,7 +22,7 @@ body {
   -webkit-font-smoothing: antialiased;
   min-height: 100%;
   height: 100%;
-  font-size: 14px;
+  font-size: var(--sn-stylekit-base-font-size);
   margin: 0;
   color: var(--sn-stylekit-foreground-color);
   background-color: var(--sn-stylekit-background-color);
@@ -172,7 +172,6 @@ $footer-height: 32px;
     padding-bottom: 0px;
     height: 100%;
     max-height: calc(100vh - #{$footer-height});
-    font-size: 17px;
     position: relative;
     overflow: hidden;
 
@@ -190,7 +189,6 @@ $footer-height: 32px;
 
     .section-title-bar {
      font-weight: bold;
-     font-size: 14px;
 
      .padded {
        padding: 0 14px;
@@ -200,7 +198,8 @@ $footer-height: 32px;
        display: flex;
        justify-content: space-between;
        align-items: center;
-       overflow: hidden;
+       // This was causing problems with tags + button cutting off on right when the panel is a certain size
+       // overflow: hidden;
 
        > .title {
          white-space: nowrap;

app/assets/stylesheets/app/_notes.scss

@@ -2,6 +2,8 @@
   border-left: 1px solid var(--sn-stylekit-border-color);
   border-right: 1px solid var(--sn-stylekit-border-color);
 
+  font-size: var(--sn-stylekit-font-size-h2);
+
   width: 350px;
   flex-grow: 0;
   user-select: none;

app/assets/stylesheets/app/_tags.scss

@@ -13,8 +13,8 @@
 
   #tags-title-bar {
     color: var(--sn-stylekit-secondary-foreground-color);
-    padding-top: 14px;
-    padding-bottom: 16px;
+    padding-top: 15px;
+    padding-bottom: 8px;
     padding-left: 12px;
     padding-right: 12px;
     font-size: 12px;
@@ -43,7 +43,6 @@
     cursor: pointer;
     transition: height .1s ease-in-out;
     position: relative;
-    font-size: 14px;
 
     > .info {
       height: 20px;