tabbed url, refresh stays on tab, refactor tabbed footer logic across components

[danoswaltCL]

Adds &tab= to url when selecting a "common-tabbed-footer"-based tab.

Refresh will use the query param to open on that tab.

There was a lot of variance in how different components did tabbing, I found that I could tuck all tabbing logic into the common-tabbed-footer itself to standardize it.

PLUS because the feature components no longer need to manage tabbing I could eliminate a bunch of obsolete code 👍 👍 👍 👍 👍 👍

[Copilot]

Pull request overview

This pull request refactors tab management across the application by consolidating tabbing logic into a shared common-tabbed-section-card-footer component. The PR adds URL query parameter support (?tab=index) to persist tab selection across page refreshes, and removes three component-specific footer implementations (for segments, feature flags, and experiments) in favor of the unified approach.

Changes:

• Moved tab state management into CommonTabbedSectionCardFooterComponent with URL query parameter persistence
• Updated authentication service to preserve query parameters (including tab) during login redirects
• Eliminated duplicate footer components across segments, feature flags, and experiments features

Reviewed changes

Copilot reviewed 17 out of 20 changed files in this pull request and generated 9 comments.

Show a summary per file

File	Description
common-tabbed-section-card-footer.component.ts	Added URL query parameter reading/writing, initialization logic, and change detection for tab persistence
segment-overview-details-section-card.component.ts	Migrated from custom footer to common footer, added dynamic tabLabels based on segment type
segment-overview-details-section-card.component.html	Replaced custom footer with common footer component
segment-overview-details-footer/*	Removed obsolete custom footer component files
feature-flag-overview-details-section-card.component.ts	Migrated from custom footer to common footer, added static tabLabels array
feature-flag-overview-details-section-card.component.html	Replaced custom footer with common footer component
feature-flag-overview-details-footer/*	Removed obsolete custom footer component files
feature-flag-details-page-content.component.ts	Changed from Observable-based tab state to primitive activeTabIndex
feature-flag-details-page-content.component.html	Updated template to use primitive instead of async pipe for tab conditionals
experiment-overview-details-section-card.component.ts	Migrated from custom footer to common footer, added static tabLabels array
experiment-overview-details-section-card.component.html	Replaced custom footer with common footer component
experiment-overview-details-footer/*	Removed obsolete custom footer component files
auth.effects.ts	Changed from navigate() to navigateByUrl() to preserve query parameters in redirects
auth.service.ts	Updated to include query string in redirect URL preservation

Comments suppressed due to low confidence (1)

frontend/projects/upgrade/src/app/shared-standalone-component-lib/components/common-tabbed-section-card-footer/common-tabbed-section-card-footer.component.ts:27

• The component documentation should be updated to reflect the new URL query parameter behavior. The example usage should mention that the component now automatically reads and writes a 'tab' query parameter to/from the URL, and that this affects page refresh behavior. This is important information for developers using this component.

/**
 * The `app-common-tabbed-section-card-footer` component provides a common footer component for tabbed sections.
 * It allows the user to switch between different tabs and emits the selected tab index when changed.
 *
 * Example usage:
 *
 * ```html
 * <app-common-tabbed-section-card-footer
 *   [tabLabels]="[{label: 'Tab 1'}, {label: 'Tab 2', disabled: true}]"
 *   (selectedTabChange)="onSelectedTabChange($event)">
 * </app-common-tabbed-section-card-footer>
 * ```
 */

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[Copilot]

Pull request overview

Copilot reviewed 24 out of 27 changed files in this pull request and generated 4 comments.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.