[Storybook] Refactor Component Directories and Imports (#38)

packages/frontend/src/stories/Components/Avatar.stories.tsx

@@ -1,7 +1,7 @@
 import { Meta, StoryObj } from '@storybook/react';
 
 import { Avatar, AvatarVariants } from 'components/shared/Avatar';
-import { avatars, avatarsFallback } from '../pages/components/renders/avatar';
+import { avatars, avatarsFallback } from 'pages/components/renders/avatar';
 
 const avatarSizes: AvatarVariants['size'][] = [18, 20, 24, 28, 32, 36, 40, 44];
 const avatarVariants: AvatarVariants['type'][] = ['gray', 'orange', 'blue'];

packages/frontend/src/stories/Components/Button.stories.tsx

@@ -7,7 +7,7 @@ import {
   renderButtons,
   renderDisabledButtons,
   renderLinks,
-} from '../pages/components/renders/button';
+} from 'pages/components/renders/button';
 
 const meta: Meta<typeof Button> = {
   title: 'Components/Button',
@@ -100,7 +100,9 @@ export const ButtonAll: Story = {
   render: () => (
     <div className="flex gap-5 flex-col items-center">
       {/* Button */}
-      <h1 className="text-2xl font-bold items-center justify-between">Button</h1>
+      <h1 className="text-2xl font-bold items-center justify-between">
+        Button
+      </h1>
       <div className="flex flex-col gap-10">
         {renderButtons()}
         {renderButtonIcons()}

packages/frontend/src/stories/Components/ComponentsAll.stories.tsx

@@ -1,11 +1,12 @@
 import { Meta, StoryObj } from '@storybook/react';
 
-import Page from '../pages/components';
+import Page from 'pages/components';
 
 const meta: Meta<typeof Page> = {
   component: Page,
   title: 'Components/All',
 };
+
 export default meta;
 
 type Story = StoryObj<typeof Page>;