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/components/ui/AnnouncementPopup.vue

@@ -52,8 +52,8 @@ export default {
 
 <style lang="scss">
 .announcement-popup {
-  max-width: 24rem;
-  min-width: 16rem;
+  max-width: 15rem;
+  min-width: 10rem;
   display: flex;
   position: absolute;
   flex-direction: column;

app/javascript/dashboard/components/ui/PreviewCard.vue

@@ -52,9 +52,9 @@ export default {
   border: 1px solid var(--color-border);
   display: flex;
   flex-direction: column;
-  max-height: 34rem;
-  max-width: 38rem;
-  min-width: 24rem;
+  max-height: 21.25rem;
+  max-width: 23.75rem;
+  min-width: 15rem;
 
   .header--wrap {
     background: var(--s-50);
@@ -62,7 +62,7 @@ export default {
     border-top-left-radius: var(--border-radius-normal);
     border-top-right-radius: var(--border-radius-normal);
     display: flex;
-    height: 4rem;
+    height: 2.5rem;
     justify-content: space-between;
     padding: var(--space-small);
     width: 100%;

app/javascript/dashboard/components/ui/Switch.vue

@@ -61,7 +61,7 @@ export default {
   }
 
   span {
-    --space-one-point-five: 1.5rem;
+    --space-one-point-five: 0.9375rem;
     background-color: var(--white);
     border-radius: 100%;
     box-shadow: var(--toggle-button-box-shadow);