Upgrade storybook

[Virtute90]

Fixes #800

PR Checklist

• [x] My branch is up-to-date with the Upstream main branch.
• [x] The unit tests pass locally with my changes (if applicable).
• [x] I have added tests that prove my fix is effective or that my feature works (if applicable).
• [x] I have added necessary documentation (if appropriate).

Description of what this resolves:

Updating the storybook to the latest version:

• Remaking of all stories based on the new specifications with typescript (ref)
• Correction of the .mdx documentation part with the new version (v3)
• New documentation structure

  stories
  └── Components 
      ├── *stories.tsx
  stories
  └── Documentation 
      ├── *.mdx

• New builder/js tool Vitejs (which replaces webpack) much faster and more efficient
• Replacement of old tests in the storybook with new ones (ref)
• Fixed some typescript interfaces on some components
• Removed/added some dependencies

Thank you very much to @sabato-galasso for the contribution!!!

Surely the new documentation will not be perfect but it is a good starting point!!

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
design-react-kit	✅ Ready (Inspect)	Visit Preview	Apr 9, 2024 8:21am

[codecov[bot]]

Codecov Report

All modified and coverable lines are covered by tests :white_check_mark:

Project coverage is 95.40%. Comparing base (4d7e1a2) to head (31f4d7e).

:exclamation: Current head 31f4d7e differs from pull request most recent head 934d0f6. Consider uploading reports for the commit 934d0f6 to get more accurate results

Additional details and impacted files

```diff @@ Coverage Diff @@ ## main #1044 +/- ## ========================================== + Coverage 94.47% 95.40% +0.93% ========================================== Files 291 291 Lines 3002 3003 +1 Branches 766 766 ========================================== + Hits 2836 2865 +29 + Misses 155 126 -29 - Partials 11 12 +1 ``` | [Flag](https://app.codecov.io/gh/italia/design-react-kit/pull/1044/flags?src=pr&el=flags&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=italia) | Coverage Δ | | |---|---|---| | [unittests](https://app.codecov.io/gh/italia/design-react-kit/pull/1044/flags?src=pr&el=flag&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=italia) | `95.40% <100.00%> (+0.93%)` | :arrow_up: | Flags with carried forward coverage won't be shown. [Click here](https://docs.codecov.io/docs/carryforward-flags?utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=italia#carryforward-flags-in-the-pull-request-comment) to find out more.

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.