chore(components-angular): add missing components markup to Angular consumer-app

[alionazherdetska]

📄 Description

This PR is adding missing component markup to the Angular consumer-app.

Findings

Integrating PostHeader into the Angular consumer-app revealed a latent bug in PostMegadropdown's cleanup logic during Cypress testing: an issue that had gone undetected until then.

Fix

PostMegadropdown component (post-megadropdown.tsx):

• Added null check guard before disconnecting defaultSlotObserver in the disconnectedCallback() lifecycle method
• This prevents errors during component teardown when the observer may not have been initialized

---

🔮 Design review

• Design review done
• No design review needed

📝 Checklist

• ✅ My code follows the style guidelines of this project
• 🛠️ I have performed a self-review of my own code
• 📄 I have made corresponding changes to the documentation
• ⚠️ My changes generate no new warnings or errors
• 🧪 I have added tests that prove my fix is effective or that my feature works
• ✔️ New and existing unit tests pass locally with my changes

[changeset-bot]

⚠️ No Changeset found

Latest commit: 0c8b361

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[swisspost-bot]

Related Previews

• https://preview-6604--swisspost-design-system-next.netlify.app?devModeEnabled=true

[Copilot]

Pull Request Overview

This PR enhances component testing infrastructure and fixes hydration issues across the design system. It adds comprehensive error capture mechanisms for Playwright and Cypress tests, improves the Angular consumer app with a complete header/footer implementation, and fixes a null pointer issue in the post-megadropdown component.

• Added new test coverage for component hydration and console error detection
• Fixed post-megadropdown component to safely disconnect observer during cleanup
• Expanded Angular consumer app with full header, navigation, breadcrumbs, and footer implementations

Reviewed Changes

Copilot reviewed 6 out of 11 changed files in this pull request and generated 2 comments.

Show a summary per file

File	Description
packages/nextjs-integration/playwright/tests/ssr.spec.ts	Added new tests for component hydration status and console error detection
packages/nextjs-integration/playwright/tests/csr.spec.ts	Added new tests for component hydration status and console error detection
packages/components-angular/projects/consumer-app/cypress/e2e/components.cy.ts	Refactored component tests to use component-names.json and added error capture testing
packages/components/src/components/post-menu/post-menu.tsx	Added newline at end of file for consistent formatting
packages/components/src/components/post-megadropdown/post-megadropdown.tsx	Added null check before disconnecting observer to prevent errors during component cleanup
packages/components-angular/projects/consumer-app/src/app/routes/home/home.component.ts	Reorganized imports alphabetically and added missing component imports (PostLinkarea, PostMenu, PostTooltip, etc.)
packages/components-angular/projects/consumer-app/src/app/routes/home/home.component.html	Replaced PostLogo example with PostLinkarea, added PostMenu and complete PostTooltip examples
packages/nextjs-integration/src/app/ssr/page.tsx	Removed duplicate link from card-link example
packages/components-angular/projects/consumer-app/src/app/app.module.ts	Migrated AppComponent to standalone by moving from declarations to imports
packages/components-angular/projects/consumer-app/src/app/app.component.ts	Converted to standalone component with complete header/footer data structures and navigation config
packages/components-angular/projects/consumer-app/src/app/app.component.html	Implemented complete application shell with PostHeader, PostMainnavigation, PostBreadcrumbs, and PostFooter

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud