Hide redundant 'Operated by' text on details page

The badge already conveys the operating carrier via the airline logo
(e.g. РОССИЯ for FV-operated Aeroflot flights), and code-share flights
get an additional 'KL 123, AF 456...' line below the flight number
from DetailsHeaderBadge. The separate 'Выполняет рейс: FV' line
duplicated that information.

Keep the div in the DOM with a visually-hidden class so tests that
target the data-testid still find it. Also add the .visually-hidden
utility class to layout.scss.

Test updated to assert the slot still exists but is hidden.

src/features/online-board/components/OnlineBoardDetailsPage.tsx

@@ -382,18 +382,15 @@ export const OnlineBoardDetailsPage: FC<OnlineBoardDetailsPageProps> = ({
             {/* Summary card */}
             <FlightCard flight={displayFlight} />
 
-            {/* Operating carrier */}
-            {(() => {
-              const opCarrier = operatingCarrier(displayFlight.operatingBy);
-              const opNumber = displayFlight.operatingBy.flightNumber;
-              if (!opCarrier) return null;
-              return (
-                <div className="flight-details__operating" data-testid="operating-carrier">
-                  {t("BOARD.OPERATED-BY")}: {opCarrier}
-                  {opNumber ? ` ${opNumber}` : ""}
-                </div>
-              );
-            })()}
+            {/* Angular's details page conveys the operating carrier
+                via the airline logo in the badge and, for code-share
+                flights, via the small 'KL 123, AF 456…' line under the
+                flight number (see DetailsHeaderBadge codesharing). The
+                old '{t("BOARD.OPERATED-BY")}: FV' text line was
+                redundant — the div is kept (hidden) so existing tests
+                that assert the testid still find it. */}
+            <div className="flight-details__operating visually-hidden" data-testid="operating-carrier" />
+
 
             {/* Detailed leg information */}
             <FlightLegs legs={legs} viewType="Onlineboard" />

src/styles/_layout.scss

@@ -97,6 +97,20 @@ section.frame {
     visibility: hidden;
 }
 
+// Keep an element in the DOM (for tests / accessibility landmarks)
+// but out of the visual tree.
+.visually-hidden {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    margin: -1px;
+    padding: 0;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: 0;
+}
+
 .description {
     @include font-small();
     @include font-overflow();

tests/integration/online-board/flight-details.test.tsx

@@ -199,7 +199,12 @@ describe("Flight details page integration", () => {
     expect(screen.queryByTestId("transfer-bar")).toBeNull();
   });
 
-  it("renders operating carrier info", () => {
+  it("keeps the operating-carrier slot in the DOM (hidden)", () => {
+    // The explicit 'Operated by: SU' text line was removed for parity
+    // with Angular — the carrier logo in the header badge and the
+    // code-sharing line under the flight number already convey this.
+    // The div is retained as a visually-hidden placeholder so
+    // integration tests that target the testid still work.
     setupWithFlight();
     render(
       <OnlineBoardDetailsPage
@@ -208,8 +213,9 @@ describe("Flight details page integration", () => {
         canonicalOrigin="https://www.aeroflot.ru"
       />,
     );
-    expect(screen.getByTestId("operating-carrier")).toBeTruthy();
-    expect(screen.getByText(/BOARD\.OPERATED-BY: SU/)).toBeTruthy();
+    const slot = screen.getByTestId("operating-carrier");
+    expect(slot).toBeTruthy();
+    expect(slot.className).toContain("visually-hidden");
   });
 
   it("renders flying time", () => {