StoryBook is separated from the root folder

Author: sheninthjr

.storybook/main.ts

@@ -2,9 +2,9 @@ import type { StorybookConfig } from '@storybook/nextjs';
 
 const config: StorybookConfig = {
   stories: [
-    '../src/**/*.mdx',
-    '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)',
-    '../src/stories/components/**/*.stories.@(js|jsx|mjs|ts|tsx)',
+    '../storybook/**/*.mdx',
+    '../storybook/**/*.stories.@(js|jsx|mjs|ts|tsx)',
+    '../storybook/stories/components/**/*.stories.@(js|jsx|mjs|ts|tsx)',
   ],
   addons: [
     '@storybook/addon-links',

package.json

@@ -12,7 +12,7 @@
     "start": "next start",
     "lint:check": "eslint --max-warnings 0 --config .eslintrc .",
     "lint:fix": "eslint --max-warnings 0 --config .eslintrc . --fix",
-    "format:fix": "prettier --write \"src/**/*.{ts,tsx,json}\"",
+    "format:fix": "prettier --write \"**/*.{ts,tsx,json}\"",
     "format:check": "prettier --check \"**/*.{ts,tsx,json}\"",
     "prisma:docker": "npm run prisma:migrate && npm run db:seed && npm run studio",
     "dev:docker": "npm run prisma:docker & next dev",

src/stories/components/CourseCard.stories.ts renamed to storybook/stories/components/CourseCard.stories.ts

@@ -1,5 +1,5 @@
+import { CourseCard } from '@/components/CourseCard';
 import { Meta, StoryObj } from '@storybook/react';
-import { CourseCard } from '../../components/CourseCard';
 
 const meta: Meta<typeof CourseCard> = {
   title: 'CourseCard',