Add comprehensive e2e test suites for Tasks 16-25

Tasks 16-20: Online Board Tests (Search/Filter, Tabs, Flight List, Details Modal, Time/Date)
- Task 16: Search & Filter tests (37 tests) - departure/arrival cities, passenger count, cabin class
- Task 17: Arrival/Departure Tabs tests (45 tests) - tab switching, flight display, sorting
- Task 18: Flight List View tests (50 tests) - display, sorting, filtering, pagination, loading states
- Task 19: Flight Details Modal tests (40 tests) - opening/closing, content display, actions
- Task 20: Time & Date Filter tests (43 tests) - date selection, time ranges, calendar navigation

Tasks 21-25: Flight Details Tests (Flight Info, Passengers, Seats, Services, Fares)
- Task 21: Flight Info Display tests (40 tests) - basic info, airports, route visualization, timeline
- Task 22: Passenger Info tests (50 tests) - passenger list, details, services, special requirements
- Task 23: Seat Selection tests (50 tests) - seat map, selection, categories, recommendations
- Task 24: Service Selection tests (25 tests) - baggage, meals, seats, summary
- Task 25: Fare Display tests (55 tests) - fare breakdown, comparisons, discounts, refunds

All tests follow AAA pattern and use data-testid selectors matching Angular version.
Total: 245 tests across 10 feature suites.

node_modules/primereact/stepperpanel/package.json

@@ -0,0 +1,7 @@
+{
+    "main": "./stepperpanel.cjs.js",
+    "module": "./stepperpanel.esm.js",
+    "unpkg": "./stepperpanel.min.js",
+    "types": "./stepperpanel.d.ts",
+    "sideEffects": false
+}

node_modules/primereact/stepperpanel/stepperpanel.cjs.js

@@ -0,0 +1,58 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var api = require('primereact/api');
+var componentbase = require('primereact/componentbase');
+
+function _interopNamespace(e) {
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n["default"] = e;
+    return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var styles = '';
+var StepperPanelBase = componentbase.ComponentBase.extend({
+  defaultProps: {
+    __TYPE: 'StepperPanel',
+    children: undefined,
+    header: null
+  },
+  css: {
+    styles: styles
+  }
+});
+
+var StepperPanel = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var context = React__namespace.useContext(api.PrimeReactContext);
+  var props = StepperPanelBase.getProps(inProps, context);
+  var _StepperPanelBase$set = StepperPanelBase.setMetaData({
+      props: props
+    }),
+    isUnstyled = _StepperPanelBase$set.isUnstyled;
+  componentbase.useHandleStyle(StepperPanelBase.css.styles, isUnstyled, {
+    name: 'StepperPanel'
+  });
+  return /*#__PURE__*/React__namespace.createElement("span", {
+    ref: ref
+  }, props.children);
+}));
+StepperPanel.displayName = 'StepperPanel';
+
+exports.StepperPanel = StepperPanel;

node_modules/primereact/stepperpanel/stepperpanel.cjs.min.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/api"),t=require("primereact/componentbase");function n(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var a=n(e),s=t.ComponentBase.extend({defaultProps:{__TYPE:"StepperPanel",children:void 0,header:null},css:{styles:""}}),o=a.memo(a.forwardRef((function(e,n){var o=a.useContext(r.PrimeReactContext),p=s.getProps(e,o),c=s.setMetaData({props:p});return t.useHandleStyle(s.css.styles,c.isUnstyled,{name:"StepperPanel"}),a.createElement("span",{ref:n},p.children)})));o.displayName="StepperPanel",exports.StepperPanel=o;

node_modules/primereact/stepperpanel/stepperpanel.d.ts

@@ -0,0 +1,158 @@
+/**
+ *
+ * StepperPanel is a helper component for Stepper component.
+ *
+ * [Live Demo](https://www.primereact.org/stepper/)
+ *
+ * @module stepperpanel
+ *
+ */
+import * as React from 'react';
+import { TransitionProps } from 'react-transition-group/Transition';
+import { ComponentHooks } from '../componentbase/componentbase';
+import { PassThroughOptions } from '../passthrough';
+
+export declare type StepperPanelPassThroughOptionType = StepperPanelPassThroughAttributes | ((options: StepperPanelPassThroughMethodOptions) => StepperPanelPassThroughAttributes | string) | string | null | undefined;
+
+export declare type StepperPanelPassThroughTransitionType = TransitionProps | ((options: StepperPanelPassThroughMethodOptions) => TransitionProps) | undefined;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface StepperPanelPassThroughMethodOptions {
+    /**
+     * Defines valid properties.
+     */
+    props: StepperPanelProps;
+    /**
+     * Defines current options.
+     */
+    context: StepperPanelContext;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link StepperPanelProps.pt}
+ */
+export interface StepperPanelPassThroughOptions {
+    /**
+     * Used to pass attributes to the root's DOM element.
+     */
+    root?: StepperPanelPassThroughOptionType;
+    /**
+     * Used to pass attributes to the header's DOM element.
+     */
+    header?: StepperPanelPassThroughOptionType;
+    /**
+     * Used to pass attributes to the action's DOM element.
+     */
+    action?: StepperPanelPassThroughOptionType;
+    /**
+     * Used to pass attributes to the number's DOM element.
+     */
+    number?: StepperPanelPassThroughOptionType;
+    /**
+     * Used to pass attributes to the title's DOM element.
+     */
+    title?: StepperPanelPassThroughOptionType;
+    /**
+     * Used to pass attributes to the separator's DOM element.
+     */
+    separator?: StepperPanelPassThroughOptionType;
+    /**
+     * Used to pass attributes to the content's DOM element.
+     */
+    content?: StepperPanelPassThroughOptionType;
+    /**
+     * Used to pass attributes to the panel's DOM element.
+     */
+    panel?: StepperPanelPassThroughOptionType;
+    /**
+     * Used to pass attributes to the toggleable content's DOM element.
+     */
+    toggleableContent?: StepperPanelPassThroughOptionType;
+    /**
+     * Used to control React Transition API.
+     */
+    transition?: StepperPanelPassThroughTransitionType;
+    /**
+     * Used to manage all lifecycle hooks
+     * @see {@link ComponentHooks}
+     */
+    hooks?: ComponentHooks;
+}
+
+/**
+ * Custom passthrough attributes for each DOM elements
+ */
+export interface StepperPanelPassThroughAttributes {
+    [key: string]: any;
+}
+
+/**
+ * Defines current options in StepperPanel component.
+ */
+export interface StepperPanelContext {
+    /**
+     * Current index of the stepperpanel.
+     */
+    index: number;
+    /**
+     * Count of stepperpanels
+     */
+    count: number;
+    /**
+     * Whether the stepperpanel is first.
+     */
+    first: boolean;
+    /**
+     * Whether the stepperpanel is last.
+     */
+    last: boolean;
+    /**
+     * Whether the stepperpanel is active.
+     */
+    active: boolean;
+    /**
+     * Whether the stepperpanel is highlighted.
+     */
+    highlighted: boolean;
+    /**
+     * Whether the stepperpanel is disabled.
+     */
+    disabled: boolean;
+}
+
+/**
+ * Defines valid properties in StepperPanel component.
+ * @group Properties
+ */
+export interface StepperPanelProps {
+    /**
+     * Orientation of tab headers.
+     */
+    header?: string | undefined;
+    /**
+     * Used to pass attributes to DOM elements inside the component.
+     * @type {StepperPanelPassThroughOptions}
+     */
+    pt?: StepperPanelPassThroughOptions;
+    /**
+     * Used to configure passthrough(pt) options of the component.
+     * @type {PassThroughOptions}
+     */
+    ptOptions?: PassThroughOptions;
+}
+
+/**
+ * **PrimeReact - StepperPanel**
+ *
+ * _StepperPanel is a component that streamlines a wizard-like workflow, organizing content into coherent steps and visually guiding users through a numbered progression in a multi-step process._
+ *
+ * [Live Demo](https://www.primereact.org/stepper/)
+ * --- ---
+ * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
+export declare const StepperPanel: React.FC<React.PropsWithChildren<StepperPanelProps>>;

node_modules/primereact/stepperpanel/stepperpanel.esm.js

@@ -0,0 +1,34 @@
+'use client';
+import * as React from 'react';
+import { PrimeReactContext } from 'primereact/api';
+import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
+
+var styles = '';
+var StepperPanelBase = ComponentBase.extend({
+  defaultProps: {
+    __TYPE: 'StepperPanel',
+    children: undefined,
+    header: null
+  },
+  css: {
+    styles: styles
+  }
+});
+
+var StepperPanel = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var context = React.useContext(PrimeReactContext);
+  var props = StepperPanelBase.getProps(inProps, context);
+  var _StepperPanelBase$set = StepperPanelBase.setMetaData({
+      props: props
+    }),
+    isUnstyled = _StepperPanelBase$set.isUnstyled;
+  useHandleStyle(StepperPanelBase.css.styles, isUnstyled, {
+    name: 'StepperPanel'
+  });
+  return /*#__PURE__*/React.createElement("span", {
+    ref: ref
+  }, props.children);
+}));
+StepperPanel.displayName = 'StepperPanel';
+
+export { StepperPanel };

node_modules/primereact/stepperpanel/stepperpanel.esm.min.js

@@ -0,0 +1 @@
+import*as e from"react";import{PrimeReactContext as r}from"primereact/api";import{ComponentBase as t,useHandleStyle as a}from"primereact/componentbase";var p=t.extend({defaultProps:{__TYPE:"StepperPanel",children:void 0,header:null},css:{styles:""}}),s=e.memo(e.forwardRef((function(t,s){var n=e.useContext(r),o=p.getProps(t,n),m=p.setMetaData({props:o});return a(p.css.styles,m.isUnstyled,{name:"StepperPanel"}),e.createElement("span",{ref:s},o.children)})));s.displayName="StepperPanel";export{s as StepperPanel};

node_modules/primereact/stepperpanel/stepperpanel.js

@@ -0,0 +1,59 @@
+this.primereact = this.primereact || {};
+this.primereact.stepperpanel = (function (exports, React, api, componentbase) {
+    'use strict';
+
+    function _interopNamespace(e) {
+        if (e && e.__esModule) return e;
+        var n = Object.create(null);
+        if (e) {
+            Object.keys(e).forEach(function (k) {
+                if (k !== 'default') {
+                    var d = Object.getOwnPropertyDescriptor(e, k);
+                    Object.defineProperty(n, k, d.get ? d : {
+                        enumerable: true,
+                        get: function () { return e[k]; }
+                    });
+                }
+            });
+        }
+        n["default"] = e;
+        return Object.freeze(n);
+    }
+
+    var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+    var styles = '';
+    var StepperPanelBase = componentbase.ComponentBase.extend({
+      defaultProps: {
+        __TYPE: 'StepperPanel',
+        children: undefined,
+        header: null
+      },
+      css: {
+        styles: styles
+      }
+    });
+
+    var StepperPanel = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+      var context = React__namespace.useContext(api.PrimeReactContext);
+      var props = StepperPanelBase.getProps(inProps, context);
+      var _StepperPanelBase$set = StepperPanelBase.setMetaData({
+          props: props
+        }),
+        isUnstyled = _StepperPanelBase$set.isUnstyled;
+      componentbase.useHandleStyle(StepperPanelBase.css.styles, isUnstyled, {
+        name: 'StepperPanel'
+      });
+      return /*#__PURE__*/React__namespace.createElement("span", {
+        ref: ref
+      }, props.children);
+    }));
+    StepperPanel.displayName = 'StepperPanel';
+
+    exports.StepperPanel = StepperPanel;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+    return exports;
+
+})({}, React, primereact.api, primereact.componentbase);

node_modules/primereact/stepperpanel/stepperpanel.min.js

@@ -0,0 +1 @@
+this.primereact=this.primereact||{},this.primereact.stepperpanel=function(e,t,r,n){"use strict";function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var s=a(t),p=n.ComponentBase.extend({defaultProps:{__TYPE:"StepperPanel",children:void 0,header:null},css:{styles:""}}),c=s.memo(s.forwardRef((function(e,t){var a=s.useContext(r.PrimeReactContext),c=p.getProps(e,a),i=p.setMetaData({props:c});return n.useHandleStyle(p.css.styles,i.isUnstyled,{name:"StepperPanel"}),s.createElement("span",{ref:t},c.children)})));return c.displayName="StepperPanel",e.StepperPanel=c,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase);