Update Storybook to v8.2.6 and add initial AppButton story (#2659)

* resolved conflicts

* added story

* resolving conflicts

* removed

unnecessary dependency

* resolved conflicts

.gitignore

@@ -30,4 +30,5 @@ yarn-error.log*
 
 
 # scss builds
-/src/scss/lib
+/src/scss/lib
+*storybook.log

.storybook/main.ts

@@ -0,0 +1,17 @@
+import type { StorybookConfig } from '@storybook/react-vite'
+
+const config: StorybookConfig = {
+  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+  addons: [
+    '@storybook/addon-onboarding',
+    '@storybook/addon-links',
+    '@storybook/addon-essentials',
+    '@chromatic-com/storybook',
+    '@storybook/addon-interactions'
+  ],
+  framework: {
+    name: '@storybook/react-vite',
+    options: {}
+  }
+}
+export default config

.storybook/preview.tsx

@@ -0,0 +1,34 @@
+import React from 'react'
+import { StyledEngineProvider } from '@mui/material/styles'
+import { ThemeProvider } from '@mui/material/styles'
+import { theme } from '../src/styles/app-theme/custom-mui.styles'
+import i18n from '../src/plugins/i18n'
+import { I18nextProvider } from 'react-i18next'
+import type { Preview } from '@storybook/react'
+
+import '../src/styles/index.css'
+import '../src/scss/styles.scss'
+
+const preview: Preview = {
+  parameters: {
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i
+      }
+    }
+  },
+  decorators: [
+    (Story) => (
+      <StyledEngineProvider injectFirst>
+        <ThemeProvider theme={theme}>
+          <I18nextProvider i18n={i18n}>
+            <Story />
+          </I18nextProvider>
+        </ThemeProvider>
+      </StyledEngineProvider>
+    )
+  ]
+}
+
+export default preview

eslint.config.mjs

@@ -20,7 +20,7 @@ const compat = new FlatCompat({
 
 export default [
   {
-    ignores: ['src/assets/*', 'src/stories/assets/*']
+    ignores: ['src/assets/*', 'src/stories/assets/*', '.storybook/**/*']
   },
   ...compat.extends(
     'eslint:recommended',