chore(Storybook): migrate to version 6

[eszthoff]

Pending issues after the upgrade:

• Console logs no longer redirected to Actions tab. Addon doesn't support v6. No solution at this time
• migrating text only stories (ArrangingOfZIndices) is incomplete. Tried to move to .mdx file, but was not loaded to the UI.
• should we update AutosuggestDeprecated story -> no

[antipin]

Previous attempt: #679

[mukiienko]

In the old version loading files was implemented via index.ts and we had a right overriding because stories were ordered in the right way in the index.ts. In the current implementation we still can control order by items in the array stories, but first we need to group our stories into subgroups/subfolders Concepts, Theme, Atoms etc (in the same way as we have for preview.js), for example:

 stories: ['../stories/theme/*.@(js|jsx|ts|tsx)', '../stories/**/*.@(js|jsx|ts|tsx)'],

It fixed the issue in Pagination story:

[eszthoff]

I'm sure I tried this before, and it didn't work. But you are right, and it does work. Nice one!!!
I'll push a commit with this.

[eszthoff]

done

[mukiienko]

We still have a problem with overriding styles for Pagination, because these styles come from Themeroller that comes after Pagination, we need to put it before the high-level components:

    stories: [
        '../stories/theme/*.@(js|jsx|ts|tsx)',
        '../stories/atoms/*.@(js|jsx|ts|tsx)',
        '../stories/molecules/*.@(js|jsx|ts|tsx)',
        '../stories/organisms/*.@(js|jsx|ts|tsx)',
        '../stories/packages/*.@(js|jsx|ts|tsx)',
        '../stories/**/*.@(js|jsx|ts|tsx)',
    ],

After resolving this feel free to move the task forward

[eszthoff]

I'm actually not convinced that the theme should be at the beginning. Its whole purpose is to overwrite the styles, and then storybook will showcase the components as they will look like if adding that theme to the application. What do you think?

[eszthoff]

done