Normalize and improve font sizes

This commit standardizes font sizes across components for a uniform
look. The icon sizes, font weights and line heights are also adjusted
accordingly for better standardization and simplicity.

- Introduce variables for standard font sizes, enhancing
  maintainability.
- Remove explicit pixel values, replaced with scalable units based on
  root size.
- Remove workaround for line-height adoptation of bigger font-size.
- Use consistent small font-size for the code area.
- Adjust checkbox tick to scale with font size.

src/presentation/components/Scripts/View/Cards/CardListItem.vue

@@ -145,7 +145,6 @@ $card-horizontal-gap    : $card-gap;
     @include clickable;
     background-color: $color-primary;
     color: $color-on-primary;
-    font-size: 1.5em;
     height: 100%;
     width: 100%;
     text-transform: uppercase;
@@ -169,6 +168,7 @@ $card-horizontal-gap    : $card-gap;
       flex-direction: column;
       flex: 1;
       justify-content: center;
+      font-size: $font-size-large;
     }
     .card__inner__selection_indicator {
       height: $card-inner-padding;
@@ -181,6 +181,7 @@ $card-horizontal-gap    : $card-gap;
       width: 100%;
       margin-top: .25em;
       vertical-align: middle;
+      font-size: $font-size-normal;
     }
   }
   .card__expander {
@@ -202,7 +203,7 @@ $card-horizontal-gap    : $card-gap;
     }
 
     .card__expander__close-button {
-      font-size: 1.5em;
+      font-size: $font-size-large;
       align-self: flex-end;
       margin-right: 0.25em;
       @include clickable;