Reorganise storybook to ensure all exported components are available in the "External components" section.

[opr]

Following on from our effort to Move components into the components package and to add Storybook entries for them, we now need to do some housekeeping on Storybook.

All components we export via @woocommerce/blocks-components should be in their own folder on Storybook.

To solve this issue, find the stories for each component in packages/components/**/stories/*.tsx and ensure the story title is:

External Components/{Component} like so:

woocommerce-blocks/packages/components/panel/stories/index.stories.tsx

Line 13 in bf046d2

title: 'External Components/Panel',

[arsanyjoseph]

I would like to contribute to this
Would you please assign me ?

[opr]

@arsanyjoseph sure! I've assigned you to this task. Please let me know if you need any help.

To get storybook running you need to run npm run storybook on the command line then go to localhost:6006

By the way if you're not already in the WooCommerce Community Slack then feel free to join and ping me there too.

Thanks for offering to help!

[arsanyjoseph]

@opr I created a PR
kindly review it and let me know if any further changes required.