Replace gap 10/12/15/20px literals with vars.$space-m/m2/l/xl tokens across 5 SCSS files

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

@@ -64,7 +64,7 @@
 .details-header-badge {
   display: flex;
   align-items: center;
-  gap: 10px; // Angular h-spacing($space-m) between flight number + logo
+  gap: vars.$space-m; // Angular h-spacing($space-m) between flight number + logo
 
   &__flight-number {
     display: flex;

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

@@ -101,7 +101,7 @@
   @media (max-width: 768px) {
     &__body {
       grid-template-columns: 1fr;
-      gap: 12px;
+      gap: vars.$space-m2;
     }
   }
 }

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

@@ -51,7 +51,7 @@
 
 .details-panel__icons {
   display: flex;
-  gap: 12px;
+  gap: vars.$space-m2;
   flex-wrap: wrap;
 }
 
@@ -62,8 +62,8 @@
 .aircraft-panel {
   display: grid;
   grid-template-columns: repeat(5, 1fr);
-  column-gap: 15px;
-  row-gap: 15px;
+  column-gap: vars.$space-l;
+  row-gap: vars.$space-l;
   padding: 4px 0;
 
   @media (max-width: 1050px) and (min-width: 769px) {

src/features/schedule/components/DayGroupedFlightList.scss

@@ -68,7 +68,7 @@
   &__header {
     display: flex;
     align-items: center;
-    gap: 12px;
+    gap: vars.$space-m2;
     padding: vars.$space-xl;
     background: colors.$blue-extra-light;
     border-bottom: 1px solid colors.$border;

src/features/schedule/components/ScheduleStartPage.scss

@@ -148,7 +148,7 @@
       display: flex;
       flex-direction: row;
       align-items: center;
-      gap: 10px;
+      gap: vars.$space-m;
       font-weight: normal;
       margin-bottom: 0;
       cursor: pointer;