Use colors.$white token for ScheduleFlightBody backgrounds/button text

src/features/schedule/components/ScheduleFlightBody.scss

@@ -5,7 +5,7 @@
 .schedule-flight-body {
   display: flex;
   flex-direction: column;
-  background: #fff;
+  background: colors.$white;
 
   &__leg {
     display: grid;
@@ -82,7 +82,7 @@
     display: flex;
     justify-content: center;
     position: relative;
-    background: #fff;
+    background: colors.$white;
     border-left: 1px dashed colors.$border;
     border-right: 1px dashed colors.$border;
     margin-top: -8px;
@@ -118,7 +118,7 @@
   // The pill itself (icon + content) sits above the dotted through-line.
   &__transfer-icon,
   &__transfer-content {
-    background: #fff;
+    background: colors.$white;
     z-index: 1;
   }
 
@@ -166,7 +166,7 @@
     gap: vars.$space-m;
     padding: vars.$space-l vars.$space-xl;
     border-top: 1px dashed colors.$border;
-    background: #fff;
+    background: colors.$white;
   }
 
   &__spacer {
@@ -193,7 +193,7 @@
 
   &__buy-btn {
     background: colors.$orange;
-    color: #fff;
+    color: colors.$white;
     border: none;
     border-radius: vars.$border-radius;
     padding: 10px 24px;
@@ -208,7 +208,7 @@
 
   &__status-btn {
     background: colors.$blue;
-    color: #fff;
+    color: colors.$white;
     border: 1px solid colors.$blue;
     border-radius: vars.$border-radius;
     padding: 10px 24px;
@@ -225,7 +225,7 @@
   &__timeline {
     padding: vars.$space-l vars.$space-xl vars.$space-m;
     border-bottom: 1px solid colors.$border;
-    background: #fff;
+    background: colors.$white;
     color: colors.$text-color;
   }
 
@@ -274,7 +274,7 @@
     padding: 1px 6px;
     border: 1px solid colors.$border;
     border-radius: 3px;
-    background: #fff;
+    background: colors.$white;
     color: colors.$text-color;
     font-size: 12px;
     font-weight: fonts.$font-medium;