Transfer: wrap Пересадка in rounded-card with vertical gaps

Between two flight cards on a connecting itinerary the TransferBar
used to sit flush against the preceding FlightSchedule block and the
next flight's header — no breathing room, no edge, read as a shared
card rather than a separator. Now the strip is wrapped in a
'__transfer' div that adds '$space-l' top/bottom margin and gives
the inner .transfer-bar the same 'border-radius' Angular uses for its
'.transfer-bar--separated' card variant.

src/features/schedule/components/ScheduleDetailsPage.scss

@@ -42,6 +42,20 @@
   }
 }
 
+// The connecting-itinerary "Пересадка" strip between two flights.
+// Angular renders it with generous vertical margin AND the same
+// rounded-card treatment as `.transfer-bar--separated` — otherwise
+// the strip sits flush against the preceding FlightSchedule block
+// and the next flight's header, reading as a shared edge rather than
+// a separator.
+.schedule-details__transfer {
+  margin: vars.$space-l 0;
+
+  > .transfer-bar {
+    border-radius: vars.$border-radius;
+  }
+}
+
 .schedule-details {
   display: flex;
   flex-direction: column;

src/features/schedule/components/ScheduleDetailsPage.tsx

@@ -586,14 +586,20 @@ export const ScheduleDetailsPage: FC<ScheduleDetailsPageProps> = ({
                 {/* Angular `transfer-inline-extended` between the two
                     flight cards on a connecting itinerary. The two
                     flights have different flight numbers, so this is a
-                    "Пересадка" (not an "Промежуточная посадка"). */}
+                    "Пересадка" (not an "Промежуточная посадка"). The
+                    wrapper adds the breathing room above/below the
+                    strip — without it the bar sits flush against the
+                    first flight's FlightSchedule/leg-details card and
+                    the next flight's header. */}
                 {firstLegOfNext && lastLegOfThis && (
-                  <TransferBar
-                    leg={lastLegOfThis}
-                    nextLeg={firstLegOfNext}
-                    viewType="Schedule"
-                    isIntermediateLanding={false}
-                  />
+                  <div className="schedule-details__transfer">
+                    <TransferBar
+                      leg={lastLegOfThis}
+                      nextLeg={firstLegOfNext}
+                      viewType="Schedule"
+                      isIntermediateLanding={false}
+                    />
+                  </div>
                 )}
               </div>
             );