Tokenize 12px/8px padding literals in DayTabs + details-panels (Angular parity)

src/features/online-board/components/DayTabs/DayTabs.scss

@@ -95,7 +95,7 @@
   @media (max-width: 640px) {
     display: block;
     background: colors.$white;
-    padding: 12px 16px;
+    padding: vars.$space-m2 16px;
     border-radius: vars.$border-radius;
   }
 
@@ -113,7 +113,7 @@
   @media (max-width: 640px) {
     display: block;
     width: 100%;
-    padding: 12px;
+    padding: vars.$space-m2;
     border-radius: vars.$border-radius;
     background: colors.$white;
     border: 1px solid colors.$border;

src/features/online-board/components/details-panels/panels.scss

@@ -3,7 +3,7 @@
 @use "../../../../styles/fonts" as fonts;
 
 .details-panel {
-  padding: 12px 0;
+  padding: vars.$space-m2 0;
   font-size: fonts.$font-size-m;
   line-height: 1.5;
 }
@@ -12,7 +12,7 @@
   display: grid;
   grid-template-columns: minmax(160px, 35%) 1fr;
   gap: 16px;
-  padding: 8px 0;
+  padding: vars.$space-s2 0;
 
   &--title {
     .details-panel__value {