Organize stories into folders

web/stories/ActionButton.stories.tsx

@@ -3,7 +3,7 @@ import { ComponentStory, ComponentMeta } from '@storybook/react';
 import ActionButton from '../components/action-buttons/ActionButton';
 
 export default {
-  title: 'owncast/Action Buttons/Single button',
+  title: 'owncast/Components/Action Buttons/Single button',
   component: ActionButton,
   parameters: {
     docs: {

web/stories/ActionButtonRow.stories.tsx

@@ -4,7 +4,7 @@ import ActionButtonRow from '../components/action-buttons/ActionButtonRow';
 import ActionButton from '../components/action-buttons/ActionButton';
 
 export default {
-  title: 'owncast/Action Buttons/Buttons Row',
+  title: 'owncast/Components/Action Buttons/Buttons Row',
   component: ActionButtonRow,
   parameters: {
     docs: {

web/stories/CustomPageContent.stories.tsx

@@ -3,7 +3,7 @@ import { ComponentStory, ComponentMeta } from '@storybook/react';
 import CustomPageContent from '../components/CustomPageContent';
 
 export default {
-  title: 'owncast/Custom page content',
+  title: 'owncast/Components/Custom page content',
   component: CustomPageContent,
   parameters: {},
 } as ComponentMeta<typeof CustomPageContent>;

web/stories/Follower.stories.tsx

@@ -3,7 +3,7 @@ import { ComponentStory, ComponentMeta } from '@storybook/react';
 import SingleFollower from '../components/Follower';
 
 export default {
-  title: 'owncast/Followers/Single Follower',
+  title: 'owncast/Components/Followers/Single Follower',
   component: SingleFollower,
   parameters: {},
 } as ComponentMeta<typeof SingleFollower>;

web/stories/Followercollection.stories.tsx

@@ -3,7 +3,7 @@ import { ComponentStory, ComponentMeta } from '@storybook/react';
 import FollowerCollection from '../components/FollowersCollection';
 
 export default {
-  title: 'owncast/Followers/Followers collection',
+  title: 'owncast/Components/Followers/Followers collection',
   component: FollowerCollection,
   parameters: {},
 } as ComponentMeta<typeof FollowerCollection>;

web/stories/NotifyReminder.stories.tsx

@@ -13,7 +13,7 @@ const Example = args => (
 );
 
 export default {
-  title: 'owncast/Notify Reminder',
+  title: 'owncast/Components/Notify Reminder',
   component: NotifyReminder,
   parameters: {
     design: {

web/stories/PageLogo.stories.tsx

@@ -3,7 +3,7 @@ import { ComponentStory, ComponentMeta } from '@storybook/react';
 import { OwncastLogo } from '../components/common';
 
 export default {
-  title: 'owncast/Logo',
+  title: 'owncast/Components/Logo',
   component: OwncastLogo,
   parameters: {},
 } as ComponentMeta<typeof OwncastLogo>;

web/stories/SocialLinks.stories.tsx

@@ -3,7 +3,7 @@ import { ComponentStory, ComponentMeta } from '@storybook/react';
 import SocialLinks from '../components/ui/SocialLinks/SocialLinks';
 
 export default {
-  title: 'owncast/Social links',
+  title: 'owncast/Components/Social links',
   component: SocialLinks,
   parameters: {},
 } as ComponentMeta<typeof SocialLinks>;

web/stories/UserDropdownMenu.stories.tsx

@@ -5,7 +5,7 @@ import { UserDropdown } from '../components/common';
 import { ChatState } from '../interfaces/application-state';
 
 export default {
-  title: 'owncast/User settings menu',
+  title: 'owncast/Components/User settings menu',
   component: UserDropdown,
   parameters: {},
 } as ComponentMeta<typeof UserDropdown>;