[FSK-18]: Configure Storybooks (#7)

This PR adds storybook configuration.

Co-authored-by: Alireza Safaierad <frontendmonster@gmail.com>

.npmrc

@@ -1,2 +1,3 @@
 save-exact=true
 update-notifier=false
+legacy-peer-deps=true

.storybook/main.cjs

@@ -0,0 +1,17 @@
+/** @type { import('StorybookConfig') } */
+module.exports = {
+  stories: ['../src/**/*.stories.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
+  addons: [
+    '@storybook/addon-links',
+    '@storybook/addon-essentials',
+    '@storybook/addon-interactions',
+    '@storybook/addon-a11y',
+  ],
+  framework: '@storybook/react',
+  core: {
+    builder: '@storybook/builder-vite',
+  },
+  features: {
+    storyStoreV7: true,
+  },
+};

.storybook/preview-head.html

@@ -0,0 +1,3 @@
+<script>
+  window.global = window;
+</script>

.storybook/preview.tsx

@@ -0,0 +1,9 @@
+export const parameters = {
+  actions: { argTypesRegex: '^on[A-Z].*' },
+  controls: {
+    matchers: {
+      color: /(background|color)$/i,
+      date: /Date$/,
+    },
+  },
+};

configs/cspell/charity.txt

@@ -1,2 +1,3 @@
 fullstacksjs
 tanstack
+vite