chore: Reset the base font-size to 16px instead of 10px (#7455)

Co-authored-by: Nithin David Thomas <1277421+nithindavid@users.noreply.github.com>

app/javascript/dashboard/modules/conversations/components/MessageContextMenu.vue

@@ -252,7 +252,7 @@ export default {
 .context-menu--delete-modal {
   ::v-deep {
     .modal-container {
-      max-width: 48rem;
+      max-width: 30rem;
 
       h2 {
         font-weight: var(--font-weight-medium);

app/javascript/dashboard/modules/notes/components/AddNote.vue

@@ -72,7 +72,7 @@ export default {
   }
 
   &::v-deep .ProseMirror-woot-style {
-    max-height: 36rem;
+    max-height: 22.5rem;
   }
 }
 

app/javascript/dashboard/modules/search/components/SearchView.vue

@@ -222,8 +222,8 @@ export default {
 }
 .search-root {
   margin: 0 auto;
-  max-width: 72rem;
-  min-height: 32rem;
+  max-width: 45rem;
+  min-height: 20rem;
   width: 100%;
   height: 100%;
   padding: var(--space-normal);

app/javascript/dashboard/modules/widget-preview/components/WidgetBody.vue

@@ -129,13 +129,13 @@ export default {
         max-width: 100%;
 
         .chat-bubble {
-          border-radius: 2rem;
+          border-radius: 1.25rem;
           box-shadow: var(--shadow-medium);
           color: var(--white);
           display: inline-block;
           font-size: var(--font-size-nano);
           line-height: 1.5;
-          padding: 1.3rem 1.75rem;
+          padding: 0.8125rem 1.09375rem;
           text-align: left;
 
           p {

app/javascript/dashboard/modules/widget-preview/components/WidgetFooter.vue

@@ -70,7 +70,7 @@ export default {
     background: white;
 
     &.is-focused {
-      box-shadow: 0 0 0 0.1rem var(--color-woot), 0 0 0.2rem 0.2rem var(--w-100);
+      box-shadow: 0 0 0 1px var(--color-woot), 0 0 2px 2px var(--w-100);
     }
   }