feat: component Header storybook

[gdostie]

Proposed Changes

This pull request introduces several improvements to the Header component and its related subcomponents in the Plasma Mantine library, focusing on standardizing component display names, enhancing Figma integration, and simplifying Storybook stories. The changes improve maintainability, developer experience, and tooling compatibility.

Component API and Display Name Standardization:

• Added or updated displayName properties for Header and all its subcomponents to follow a consistent naming convention (e.g., 'Header.Breadcrumbs', 'Header.DocAnchor') for better debugging and React DevTools support. [1] [2] [3] [4] [5] [6]

Figma Integration Improvements:

• Updated packages/figma/src/Header.figma.tsx to provide a more complete and realistic Figma code example, including mappings for header props and usage of subcomponents like Header.Breadcrumbs, Header.DocAnchor, and Header.Right. This enhances the design-development workflow.

Storybook Story Simplification:

• Refactored Header stories in Storybook to use a single, more flexible Demo story that supports props for breadcrumbs, doc anchor, and actions, replacing multiple redundant stories and improving maintainability.

Type and Formatting Consistency:

• Improved type definitions and formatting for props in several subcomponents, making the codebase more readable and aligned with best practices. [1] [2] [3]

Potential Breaking Changes

Acceptance Criteria

• The proposed changes are covered by unit tests
• The potential breaking changes are clearly identified
• README.md is adjusted to reflect the proposed changes (if relevant)

[github-actions]

✔️ Live demo of your latest successful build available here.

[github-actions]

✔️ Live Storybook demo of your latest successful build available here.