Tokenize 8px/10px/12px padding+gap literals in ScheduleDetailsPage + FlightDetailsAccordion + FlightSchedule

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

@@ -41,7 +41,7 @@
     display: grid;
     grid-template-columns: 1fr 1fr 1fr;
     gap: 24px;
-    padding: 8px 0 4px;
+    padding: vars.$space-s2 0 4px;
   }
 
   &__col {

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

@@ -1,5 +1,6 @@
 @use "../../../../styles/colors" as colors;
 @use "../../../../styles/fonts" as fonts;
+@use "../../../../styles/variables" as vars;
 
 .flight-details-accordion {
   margin-top: 16px;
@@ -29,7 +30,7 @@
   }
 
   .p-accordion-content {
-    padding: 8px 0 16px;
+    padding: vars.$space-s2 0 16px;
     background: colors.$white;
   }
 }
@@ -192,7 +193,7 @@
 @media (max-width: 768px) {
   .details-row {
     grid-template-columns: 1fr;
-    gap: 12px;
+    gap: vars.$space-m2;
 
     &__times {
       grid-template-columns: 1fr 1fr;

src/features/schedule/components/ScheduleDetailsPage.scss

@@ -20,7 +20,7 @@
     display: inline-flex;
     align-items: center;
     gap: vars.$space-s2;
-    padding: 10px 16px;
+    padding: vars.$space-m 16px;
     background: rgba(255, 255, 255, 0.92);
     color: colors.$blue;
     border-radius: vars.$border-radius;