refactor(cc-zone-related-components)!: rework properties to avoid impossible states

[florian-sanders-cc]

:warning: Please review this thoroughly: components impacted by this PR are essential parts of the console and some of them are tricky (hey there cc-header-app).

What does this PR do?

• Refactors the cc-zone, cc-zone-input, cc-header-app, cc-header-addon components to implement our new state structure,
• Refactors the cc-pricing-header and cc-addon-linked-apps components to adapt to the cc-zone new state,
• Implements TypeChecking within all of these components and their stories.

How to review?

• One of the things you should think about when reviewing: do we really need/want a state for the cc-zone component? Sometimes it's fairly relevant (within cc-header-app and cc-header-addon, it is used on its own and it can be set to loading / loaded independently from the rest of the components) but in other cases (cc-zone-input, cc-pricing-header, cc-addon-linked-apps) there is no way it can be set to loading. We could go for a simple skeleton prop instead of a state?
• Note that cc-header-app & cc-header-addon are special because they fetch data from 3 different sources and only one source (app / addon info may trigger the error state). This should be ISO with what we currently have in prod (unless I made a mistake which is definitely possible),
• For each component below, check the component file, its type file, and its story file locally:
  • cc-zone
  • cc-zone-input
  • cc-header-app
  • cc-header-addon
• For cc-pricing-header & cc-addon-linked-apps, it may be easier to check the diffs but it's up to you,
• If you check it locally, you should not get any Typescript error within the component file or the story file,
• Compare the prod stories to the preview stories:
  • cc-zone - prod vs cc-zone - preview,
  • cc-zone-input - prod vs cc-zone-input - preview,
  • cc-header-app - prod vs cc-header-app - preview,
  • cc-header-addon - prod vs cc-header-addon - preview,
  • cc-pricing-header - prod vs cc-pricing-header - preview,
  • cc-addon-linked-apps - prod vs cc-addon-linked-apps - preview,
• Don't forget to check the smart of cc-pricing-header & cc-addon-linked-app using the demo-smart page.

[github-actions[bot]]

🔎 A preview has been automatically published : https://clever-components-preview.cellar-c2.services.clever-cloud.com/cc-zone-related-components/state-migration/index.html.

This preview will be deleted once this PR is closed.

[github-actions[bot]]

🔎 The preview has been automatically deleted.