feat: added edit mode

.storybook/preview.tsx

@@ -1,21 +1,27 @@
-import React from "react";
-import type { Preview } from "@storybook/react";
-import CssBaseline from "@mui/material/CssBaseline";
-import { ThemeProvider } from "@mui/material/styles";
-import { AppRouterCacheProvider } from "@mui/material-nextjs/v14-appRouter";
+import React from 'react';
+import type { Preview } from '@storybook/react';
+import CssBaseline from '@mui/material/CssBaseline';
+import { ThemeProvider } from '@mui/material/styles';
+import { AppRouterCacheProvider } from '@mui/material-nextjs/v14-appRouter';
+import { initialize, mswLoader } from 'msw-storybook-addon';
 // import { baseTheme } from '@/styles/baseTheme';
-import { baseTheme } from "../src/_styles/baseTheme";
+import { baseTheme } from '../src/_styles/baseTheme';
 // import theme from './theme';
-
+initialize();
 const preview: Preview = {
   parameters: {
+    actions: { argTypesRegex: '^on.*|^handle*' },
+    nextjs: {
+      appDirectory: true,
+    },
     controls: {
       matchers: {
         color: /(background|color)$/i,
         date: /Date$/i,
       },
     },
   },
+  loaders: [mswLoader], // 👈 Add the MSW loader to all stories
   decorators: [
     (Story) => (
       <AppRouterCacheProvider options={{ enableCssLayer: true }}>

.vscode/settings.json

@@ -45,5 +45,6 @@
   "prettier.jsxSingleQuote": true,
   "eslint.codeActionsOnSave.rules": null,
   "prettier.singleQuote": true,
-  "prettier.trailingComma": "es5"
+  "prettier.trailingComma": "es5",
+  "githubPullRequests.ignoredPullRequestBranches": ["main"]
 }