introduces Storybook to the project

[altaskur]

This pull request introduces Storybook to the project, enabling isolated UI component development and documentation for Angular components. It adds Storybook configuration, example stories, and updates the build system and dependencies to support Storybook workflows. Additionally, it includes sample components and stories to demonstrate Storybook usage.

Storybook Integration and Configuration:

• Added Storybook configuration files (main.ts, preview.ts, tsconfig.json, tsconfig.doc.json) under .storybook/ to set up Storybook for Angular, including addons for accessibility, documentation, and onboarding. [1] [2] [3] [4]
• Updated angular.json to add storybook and build-storybook architect targets for running and building Storybook, with Compodoc integration for generating documentation.
• Updated eslint.config.mjs to ignore .storybook files from linting.

Dependencies and Scripts:

• Added Storybook and related dependencies (@storybook/angular, addons, Compodoc, etc.) to package.json and introduced npm scripts for running and building Storybook. [1] [2]

Example Components and Stories:

• Added sample ButtonComponent and HeaderComponent Angular components, their associated CSS styles, and Storybook stories (button.stories.ts, button.component.ts, button.css, header.component.ts, header.css) to demonstrate Storybook usage. [1] [2] [3] [4] [5]

Documentation and Onboarding:

• Added a comprehensive onboarding/configuration guide as a Storybook MDX file (Configure.mdx) with visuals and links to further resources, enhancing the developer onboarding experience.