From f4bb39464c818431f3b02ebbb6dc097d8ccc2f73 Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Thu, 4 Jan 2024 10:09:54 +0000
Subject: [PATCH 01/66] wip

---
 apps/www/.storybook/main.ts                   |  37 +
 apps/www/.storybook/preview.ts                |  21 +
 apps/www/package.json                         |  19 +-
 .../ui/atoms/avatar/avatar.stories.tsx        | 237 +++++
 apps/www/tailwind.config.ts                   |   2 +-
 package.json                                  |   4 +-
 pnpm-lock.yaml                                | 827 ++++++++++++++----
 7 files changed, 987 insertions(+), 160 deletions(-)
 create mode 100644 apps/www/.storybook/main.ts
 create mode 100644 apps/www/.storybook/preview.ts
 create mode 100644 apps/www/src/components/ui/atoms/avatar/avatar.stories.tsx

diff --git a/apps/www/.storybook/main.ts b/apps/www/.storybook/main.ts
new file mode 100644
index 00000000..a8d20747
--- /dev/null
+++ b/apps/www/.storybook/main.ts
@@ -0,0 +1,37 @@
+import type {StorybookConfig} from '@storybook/nextjs'
+
+import {join, dirname, resolve} from 'path'
+import TsconfigPathsPlugin from 'tsconfig-paths-webpack-plugin'
+/**
+ * This function is used to resolve the absolute path of a package.
+ * It is needed in projects that use Yarn PnP or are set up within a monorepo.
+ */
+function getAbsolutePath(value: string): any {
+  return dirname(require.resolve(join(value, 'package.json')))
+}
+const config: StorybookConfig = {
+  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+  addons: [
+    getAbsolutePath('@storybook/addon-links'),
+    getAbsolutePath('@storybook/addon-essentials'),
+    getAbsolutePath('@storybook/addon-onboarding'),
+    getAbsolutePath('@storybook/addon-interactions')
+  ],
+  framework: {
+    name: getAbsolutePath('@storybook/nextjs'),
+    options: {}
+  },
+  docs: {
+    autodocs: 'tag'
+  },
+  webpackFinal: async (config) => {
+    config.resolve.plugins = config.resolve.plugins || []
+    config.resolve.plugins.push(
+      new TsconfigPathsPlugin({
+        configFile: resolve(__dirname, '../tsconfig.json')
+      })
+    )
+    return config
+  }
+}
+export default config
diff --git a/apps/www/.storybook/preview.ts b/apps/www/.storybook/preview.ts
new file mode 100644
index 00000000..137796a2
--- /dev/null
+++ b/apps/www/.storybook/preview.ts
@@ -0,0 +1,21 @@
+import type {Preview} from '@storybook/react'
+import '../src/styles/global.css'
+import config from '../tailwind.config'
+
+const preview: Preview = {
+  parameters: {
+    backgrounds: {
+      default: '56kcloud',
+      values: [{name: '56kcloud', value: config.theme.extend.colors.background}]
+    },
+    actions: {argTypesRegex: '^on[A-Z].*'},
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i
+      }
+    }
+  }
+}
+
+export default preview
diff --git a/apps/www/package.json b/apps/www/package.json
index de819bf7..11b36867 100644
--- a/apps/www/package.json
+++ b/apps/www/package.json
@@ -19,7 +19,6 @@
     "@radix-ui/react-select": "^2.0.0",
     "@radix-ui/react-slot": "^1.0.2",
     "@slack/web-api": "^6.11.0",
-    "@types/luxon": "^3.3.3",
     "child_process": "^1.0.2",
     "clsx": "^2.0.0",
     "date-fns": "^2.30.0",
@@ -49,18 +48,21 @@
   },
   "devDependencies": {
     "@headlessui/react": "^1.7.17",
-    "@storybook/addon-essentials": "^7.5.2",
-    "@storybook/addon-interactions": "^7.5.2",
-    "@storybook/addon-links": "^7.5.2",
+    "@storybook/addon-essentials": "^7.6.7",
+    "@storybook/addon-interactions": "^7.6.7",
+    "@storybook/addon-links": "^7.6.7",
+    "@storybook/addon-onboarding": "^1.0.10",
     "@storybook/addon-styling": "^1.3.7",
-    "@storybook/blocks": "^7.5.2",
-    "@storybook/nextjs": "^7.5.2",
-    "@storybook/react": "^7.5.2",
-    "@storybook/react-webpack5": "^7.5.2",
+    "@storybook/blocks": "^7.6.7",
+    "@storybook/nextjs": "^7.6.7",
+    "@storybook/react": "^7.6.7",
+    "@storybook/react-webpack5": "^7.6.7",
+    "@storybook/test": "^7.6.7",
     "@tailwindcss/aspect-ratio": "^0.4.2",
     "@tailwindcss/forms": "^0.5.6",
     "@tailwindcss/typography": "^0.5.10",
     "@types/humanize-duration": "^3.27.2",
+    "@types/luxon": "^3.3.3",
     "@types/node": "^20.8.10",
     "@types/react": "^x",
     "@types/react-responsive-masonry": "^2.1.2",
@@ -72,6 +74,7 @@
     "postcss": "^8.4.31",
     "storybook": "^7.5.2",
     "tailwindcss": "^3.3.5",
+    "tsconfig-paths-webpack-plugin": "^4.1.0",
     "typescript": "^5.2.2"
   }
 }
diff --git a/apps/www/src/components/ui/atoms/avatar/avatar.stories.tsx b/apps/www/src/components/ui/atoms/avatar/avatar.stories.tsx
new file mode 100644
index 00000000..f78ca2f5
--- /dev/null
+++ b/apps/www/src/components/ui/atoms/avatar/avatar.stories.tsx
@@ -0,0 +1,237 @@
+import {ButtonPropsImpl, buttonAlignments, buttonShapes, buttonSizes, buttonTones, buttonVariants} from './button.model'
+import Button from './index'
+import type {Meta} from '@storybook/react'
+
+const meta = {
+  title: 'components/Atoms/Button',
+  component: Button,
+  tags: ['autodocs'],
+  argTypes: {
+    tone: {
+      options: buttonTones,
+      control: {type: 'select'}
+    },
+    variant: {
+      options: buttonVariants,
+      control: {type: 'select'}
+    },
+    size: {
+      options: buttonSizes,
+      control: {type: 'select'}
+    },
+    shape: {
+      options: buttonShapes,
+      control: {type: 'select'}
+    },
+    align: {
+      options: buttonAlignments,
+      control: {type: 'select'}
+    },
+    disabled: {
+      control: {type: 'boolean'}
+    },
+    loading: {
+      control: {type: 'boolean'}
+    }
+  },
+  args: {
+    tone: 'primary',
+    variant: 'default',
+    size: 'medium',
+    shape: 'rounded',
+    align: 'center',
+    disabled: false,
+    loading: false
+  }
+} satisfies Meta<typeof Button>
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  render: (args: ButtonPropsImpl) => <Button {...args}>Default</Button>
+}
+
+export const Variants = {
+  name: 'Variants',
+  render: (args: ButtonPropsImpl) => (
+    <div className='flex space-x-2'>
+      {buttonTones.map((tone) => (
+        <Button
+          key={tone}
+          {...args}
+          tone={tone}
+        >
+          {tone}
+        </Button>
+      ))}
+    </div>
+  )
+}
+
+export const VariantsLinks = {
+  name: 'Variants - Link',
+  render: (args: ButtonPropsImpl) => (
+    <div className='flex space-x-2'>
+      {buttonTones.map((tone) => (
+        <Button
+          key={tone}
+          {...args}
+          variant='link'
+          tone={tone}
+        >
+          {tone}
+        </Button>
+      ))}
+    </div>
+  )
+}
+
+export const VariantsGhosts = {
+  name: 'Variants - Ghost',
+  render: (args: ButtonPropsImpl) => (
+    <div className='flex space-x-2'>
+      {buttonTones.map((tone) => (
+        <Button
+          key={tone}
+          {...args}
+          variant='ghost'
+          tone={tone}
+        >
+          {tone}
+        </Button>
+      ))}
+    </div>
+  )
+}
+
+export const Sizes = {
+  name: 'Sizes',
+  render: (args: ButtonPropsImpl) => (
+    <div className='flex items-center space-x-2'>
+      {buttonSizes.map((size) => (
+        <Button
+          key={size}
+          {...args}
+          size={size}
+        >
+          {size}
+        </Button>
+      ))}
+    </div>
+  )
+}
+
+export const Shapes = {
+  name: 'Shapes',
+  render: (args: ButtonPropsImpl) => (
+    <div className='flex space-x-2'>
+      {buttonShapes.map((shape) => (
+        <Button
+          key={shape}
+          {...args}
+          shape={shape}
+        >
+          {shape}
+        </Button>
+      ))}
+    </div>
+  )
+}
+
+export const Alignments = {
+  name: 'Alignments',
+  render: (args: ButtonPropsImpl) => (
+    <div className='flex flex-col'>
+      {buttonAlignments.map((alignment, i) => {
+        return (
+          <div
+            key={i}
+            className={`flex flex-col py-4 space-y-2 ${i < buttonAlignments.length - 1 ? 'border-b' : ''}`}
+          >
+            <Button
+              {...args}
+              leading={<span className='pr-2'>leading</span>}
+              align={alignment}
+            >
+              {alignment}
+            </Button>
+            <Button
+              {...args}
+              align={alignment}
+            >
+              {alignment}
+            </Button>
+            <Button
+              {...args}
+              trailing={<span className='pl-2'>trailing</span>}
+              align={alignment}
+            >
+              {alignment}
+            </Button>
+          </div>
+        )
+      })}
+    </div>
+  )
+}
+
+export const leading = {
+  name: 'With leading',
+  render: (args: ButtonPropsImpl) => (
+    <Button
+      {...args}
+      leading={<span className='pr-2'>With leading</span>}
+    >
+      Button
+    </Button>
+  )
+}
+
+export const trailing = {
+  name: 'With trailing',
+  render: (args: ButtonPropsImpl) => (
+    <Button
+      {...args}
+      trailing={<span className='pl-2'>With trailing</span>}
+    >
+      Button
+    </Button>
+  )
+}
+
+export const Loading = {
+  name: 'Loading',
+  render: (args: ButtonPropsImpl) => (
+    <div className='flex space-x-2'>
+      {buttonTones.map((tone) => (
+        <Button
+          key={tone}
+          {...args}
+          tone={tone}
+          loading
+        >
+          {tone}
+        </Button>
+      ))}
+    </div>
+  )
+}
+
+export const Disabled = {
+  name: 'Disabled',
+  render: (args: ButtonPropsImpl) => (
+    <div className='flex space-x-2'>
+      {buttonTones.map((tone) => (
+        <Button
+          key={tone}
+          {...args}
+          tone={tone}
+          disabled
+        >
+          {tone}
+        </Button>
+      ))}
+    </div>
+  )
+}
diff --git a/apps/www/tailwind.config.ts b/apps/www/tailwind.config.ts
index 4e0e9ae3..1d9f5e39 100644
--- a/apps/www/tailwind.config.ts
+++ b/apps/www/tailwind.config.ts
@@ -1,6 +1,6 @@
 import colors from 'tailwindcss/colors'
 
-module.exports = {
+export default {
   content: ['./src/**/*.{js,ts,jsx,tsx}', './node_modules/notion-to-tailwind/**/*.{js,ts,jsx,tsx}'],
   theme: {
     extend: {
diff --git a/package.json b/package.json
index 8d45fee1..f4f8f4ed 100644
--- a/package.json
+++ b/package.json
@@ -23,8 +23,6 @@
     "start": "cd apps/cms && npm run start"
   },
   "dependencies": {
-    "@types/react": "^18.2.33",
-    "@types/react-dom": "^18.2.18",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-router-dom": "^5.2.0"
@@ -32,6 +30,8 @@
   "devDependencies": {
     "@faker-js/faker": "^8.2.0",
     "@types/node": "20.8.7",
+    "@types/react": "^18.2.33",
+    "@types/react-dom": "^18.2.18",
     "@typescript-eslint/eslint-plugin": "^6.8.0",
     "@typescript-eslint/parser": "^6.8.0",
     "eslint": "^8.44.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index b40fdcf3..991caa0f 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -8,12 +8,6 @@ importers:
 
   .:
     dependencies:
-      '@types/react':
-        specifier: ^18.2.33
-        version: 18.2.45
-      '@types/react-dom':
-        specifier: ^18.2.18
-        version: 18.2.18
       react:
         specifier: ^18.2.0
         version: 18.2.0
@@ -30,6 +24,12 @@ importers:
       '@types/node':
         specifier: 20.8.7
         version: 20.8.7
+      '@types/react':
+        specifier: ^18.2.33
+        version: 18.2.45
+      '@types/react-dom':
+        specifier: ^18.2.18
+        version: 18.2.18
       '@typescript-eslint/eslint-plugin':
         specifier: ^6.8.0
         version: 6.15.0(@typescript-eslint/parser@6.15.0)(eslint@8.56.0)(typescript@5.3.3)
@@ -206,9 +206,6 @@ importers:
       '@slack/web-api':
         specifier: ^6.11.0
         version: 6.11.0
-      '@types/luxon':
-        specifier: ^3.3.3
-        version: 3.3.7
       child_process:
         specifier: ^1.0.2
         version: 1.0.2
@@ -292,29 +289,35 @@ importers:
         specifier: ^1.7.17
         version: 1.7.17(react-dom@18.2.0)(react@18.2.0)
       '@storybook/addon-essentials':
-        specifier: ^7.5.2
-        version: 7.6.6(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0)
+        specifier: ^7.6.7
+        version: 7.6.7(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0)
       '@storybook/addon-interactions':
-        specifier: ^7.5.2
-        version: 7.6.6
+        specifier: ^7.6.7
+        version: 7.6.7
       '@storybook/addon-links':
-        specifier: ^7.5.2
-        version: 7.6.6(react@18.2.0)
+        specifier: ^7.6.7
+        version: 7.6.7(react@18.2.0)
+      '@storybook/addon-onboarding':
+        specifier: ^1.0.10
+        version: 1.0.10(react-dom@18.2.0)(react@18.2.0)
       '@storybook/addon-styling':
         specifier: ^1.3.7
         version: 1.3.7(@types/react-dom@18.2.18)(@types/react@18.2.45)(less@4.2.0)(postcss@8.4.32)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3)(webpack@5.89.0)
       '@storybook/blocks':
-        specifier: ^7.5.2
-        version: 7.6.6(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0)
+        specifier: ^7.6.7
+        version: 7.6.7(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0)
       '@storybook/nextjs':
-        specifier: ^7.5.2
-        version: 7.6.6(@swc/core@1.3.101)(esbuild@0.18.20)(next@14.0.4)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3)(webpack@5.89.0)
+        specifier: ^7.6.7
+        version: 7.6.7(@swc/core@1.3.101)(esbuild@0.18.20)(next@14.0.4)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3)(webpack@5.89.0)
       '@storybook/react':
-        specifier: ^7.5.2
-        version: 7.6.6(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3)
+        specifier: ^7.6.7
+        version: 7.6.7(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3)
       '@storybook/react-webpack5':
-        specifier: ^7.5.2
-        version: 7.6.6(@babel/core@7.23.6)(@swc/core@1.3.101)(esbuild@0.18.20)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3)
+        specifier: ^7.6.7
+        version: 7.6.7(@babel/core@7.23.6)(@swc/core@1.3.101)(esbuild@0.18.20)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3)
+      '@storybook/test':
+        specifier: ^7.6.7
+        version: 7.6.7
       '@tailwindcss/aspect-ratio':
         specifier: ^0.4.2
         version: 0.4.2(tailwindcss@3.3.7)
@@ -327,6 +330,9 @@ importers:
       '@types/humanize-duration':
         specifier: ^3.27.2
         version: 3.27.3
+      '@types/luxon':
+        specifier: ^3.3.3
+        version: 3.3.7
       '@types/node':
         specifier: ^20.8.10
         version: 20.10.5
@@ -360,6 +366,9 @@ importers:
       tailwindcss:
         specifier: ^3.3.5
         version: 3.3.7(ts-node@10.9.2)
+      tsconfig-paths-webpack-plugin:
+        specifier: ^4.1.0
+        version: 4.1.0
       typescript:
         specifier: ^5.2.2
         version: 5.3.3
@@ -371,6 +380,10 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
+  /@adobe/css-tools@4.3.2:
+    resolution: {integrity: sha512-DA5a1C0gD/pLOvhv33YMrbf2FK3oUzwNl9oOJqE4XVjuEtt6XIakRcsd7eLiOSPkp1kTRQGICTA8cKra/vFbjw==}
+    dev: true
+
   /@alloc/quick-lru@5.2.0:
     resolution: {integrity: sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==}
     engines: {node: '>=10'}
@@ -2625,6 +2638,7 @@ packages:
     cpu: [arm64]
     os: [android]
     requiresBuild: true
+    dev: false
     optional: true
 
   /@esbuild/android-arm@0.16.17:
@@ -2659,6 +2673,7 @@ packages:
     cpu: [arm]
     os: [android]
     requiresBuild: true
+    dev: false
     optional: true
 
   /@esbuild/android-x64@0.16.17:
@@ -2693,6 +2708,7 @@ packages:
     cpu: [x64]
     os: [android]
     requiresBuild: true
+    dev: false
     optional: true
 
   /@esbuild/darwin-arm64@0.16.17:
@@ -2727,6 +2743,7 @@ packages:
     cpu: [arm64]
     os: [darwin]
     requiresBuild: true
+    dev: false
     optional: true
 
   /@esbuild/darwin-x64@0.16.17:
@@ -2761,6 +2778,7 @@ packages:
     cpu: [x64]
     os: [darwin]
     requiresBuild: true
+    dev: false
     optional: true
 
   /@esbuild/freebsd-arm64@0.16.17:
@@ -2795,6 +2813,7 @@ packages:
     cpu: [arm64]
     os: [freebsd]
     requiresBuild: true
+    dev: false
     optional: true
 
   /@esbuild/freebsd-x64@0.16.17:
@@ -2829,6 +2848,7 @@ packages:
     cpu: [x64]
     os: [freebsd]
     requiresBuild: true
+    dev: false
     optional: true
 
   /@esbuild/linux-arm64@0.16.17:
@@ -2863,6 +2883,7 @@ packages:
     cpu: [arm64]
     os: [linux]
     requiresBuild: true
+    dev: false
     optional: true
 
   /@esbuild/linux-arm@0.16.17:
@@ -2897,6 +2918,7 @@ packages:
     cpu: [arm]
     os: [linux]
     requiresBuild: true
+    dev: false
     optional: true
 
   /@esbuild/linux-ia32@0.16.17:
@@ -2931,6 +2953,7 @@ packages:
     cpu: [ia32]
     os: [linux]
     requiresBuild: true
+    dev: false
     optional: true
 
   /@esbuild/linux-loong64@0.16.17:
@@ -2965,6 +2988,7 @@ packages:
     cpu: [loong64]
     os: [linux]
     requiresBuild: true
+    dev: false
     optional: true
 
   /@esbuild/linux-mips64el@0.16.17:
@@ -2999,6 +3023,7 @@ packages:
     cpu: [mips64el]
     os: [linux]
     requiresBuild: true
+    dev: false
     optional: true
 
   /@esbuild/linux-ppc64@0.16.17:
@@ -3033,6 +3058,7 @@ packages:
     cpu: [ppc64]
     os: [linux]
     requiresBuild: true
+    dev: false
     optional: true
 
   /@esbuild/linux-riscv64@0.16.17:
@@ -3067,6 +3093,7 @@ packages:
     cpu: [riscv64]
     os: [linux]
     requiresBuild: true
+    dev: false
     optional: true
 
   /@esbuild/linux-s390x@0.16.17:
@@ -3101,6 +3128,7 @@ packages:
     cpu: [s390x]
     os: [linux]
     requiresBuild: true
+    dev: false
     optional: true
 
   /@esbuild/linux-x64@0.16.17:
@@ -3135,6 +3163,7 @@ packages:
     cpu: [x64]
     os: [linux]
     requiresBuild: true
+    dev: false
     optional: true
 
   /@esbuild/netbsd-x64@0.16.17:
@@ -3169,6 +3198,7 @@ packages:
     cpu: [x64]
     os: [netbsd]
     requiresBuild: true
+    dev: false
     optional: true
 
   /@esbuild/openbsd-x64@0.16.17:
@@ -3203,6 +3233,7 @@ packages:
     cpu: [x64]
     os: [openbsd]
     requiresBuild: true
+    dev: false
     optional: true
 
   /@esbuild/sunos-x64@0.16.17:
@@ -3237,6 +3268,7 @@ packages:
     cpu: [x64]
     os: [sunos]
     requiresBuild: true
+    dev: false
     optional: true
 
   /@esbuild/win32-arm64@0.16.17:
@@ -3271,6 +3303,7 @@ packages:
     cpu: [arm64]
     os: [win32]
     requiresBuild: true
+    dev: false
     optional: true
 
   /@esbuild/win32-ia32@0.16.17:
@@ -3305,6 +3338,7 @@ packages:
     cpu: [ia32]
     os: [win32]
     requiresBuild: true
+    dev: false
     optional: true
 
   /@esbuild/win32-x64@0.16.17:
@@ -3339,6 +3373,7 @@ packages:
     cpu: [x64]
     os: [win32]
     requiresBuild: true
+    dev: false
     optional: true
 
   /@eslint-community/eslint-utils@4.4.0(eslint@8.56.0):
@@ -5608,10 +5643,10 @@ packages:
       tslib: 2.6.2
     dev: false
 
-  /@storybook/addon-actions@7.6.6:
-    resolution: {integrity: sha512-mLJip9Evb2Chj7ymKbpaybe5NgDy3Du7oSWeURPy/0qXJ2cBqHWnhZ8CTK2DasrstsUhQSJaZVXHhaENT+fn+g==}
+  /@storybook/addon-actions@7.6.7:
+    resolution: {integrity: sha512-+6EZvhIeKEqG/RNsU3R5DxOrd60BL5GEvmzE2w60s2eKaNNxtyilDjiO1g4z2s2zDNyr7JL/Ft03pJ0Jgo0lew==}
     dependencies:
-      '@storybook/core-events': 7.6.6
+      '@storybook/core-events': 7.6.7
       '@storybook/global': 5.0.0
       '@types/uuid': 9.0.7
       dequal: 2.0.3
@@ -5619,18 +5654,18 @@ packages:
       uuid: 9.0.1
     dev: true
 
-  /@storybook/addon-backgrounds@7.6.6:
-    resolution: {integrity: sha512-w5dZ/0cOe55M2G/Lx9f+Ptk4txUPb+Ng+KqEvTaTNqHoh0Xw4QxEn/ciJwmh1u1g3aMZsOgOvwPwug7ykmLgsA==}
+  /@storybook/addon-backgrounds@7.6.7:
+    resolution: {integrity: sha512-55sBy1YUqponAVe+qL16qtWxdf63vHEnIoqFyHEwGpk7K9IhFA1BmdSpFr5VnWEwXeJXKj30db78frh2LUdk3Q==}
     dependencies:
       '@storybook/global': 5.0.0
       memoizerific: 1.11.3
       ts-dedent: 2.2.0
     dev: true
 
-  /@storybook/addon-controls@7.6.6(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-VAXXfPLi1M3RXhBf3uIBZ2hrD9UPDe7yvXHIlCzgj1HIJELODCFyUc+RtvN0mPc/nnlEfzhGfJtenZou5LYwIw==}
+  /@storybook/addon-controls@7.6.7(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-DJ3gfvcdCgqi7AQxu83vx0AEUKiuJrNcSATfWV3Jqi8dH6fYO2yqpemHEeWOEy+DAHxIOaqLKwb1QjIBj+vSRQ==}
     dependencies:
-      '@storybook/blocks': 7.6.6(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/blocks': 7.6.7(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0)
       lodash: 4.17.21
       ts-dedent: 2.2.0
     transitivePeerDependencies:
@@ -5642,27 +5677,27 @@ packages:
       - supports-color
     dev: true
 
-  /@storybook/addon-docs@7.6.6(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-l4gtoNTn1wHE11x44te1cDkqfm+/w+eNonHe56bwgSqETclS5z18wvM9bQZF32G6C9fpSefaJW3cxVvcuJL1fg==}
+  /@storybook/addon-docs@7.6.7(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-2dfajNhweofJ3LxjGO83UE5sBMvKtJB0Agj7q8mMtK/9PUCUcbvsFSyZnO/s6X1zAjSn5ZrirbSoTXU4IqxwSA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
     dependencies:
       '@jest/transform': 29.7.0
       '@mdx-js/react': 2.3.0(react@18.2.0)
-      '@storybook/blocks': 7.6.6(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/client-logger': 7.6.6
-      '@storybook/components': 7.6.6(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/csf-plugin': 7.6.6
-      '@storybook/csf-tools': 7.6.6
+      '@storybook/blocks': 7.6.7(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/client-logger': 7.6.7
+      '@storybook/components': 7.6.7(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/csf-plugin': 7.6.7
+      '@storybook/csf-tools': 7.6.7
       '@storybook/global': 5.0.0
       '@storybook/mdx2-csf': 1.1.0
-      '@storybook/node-logger': 7.6.6
-      '@storybook/postinstall': 7.6.6
-      '@storybook/preview-api': 7.6.6
-      '@storybook/react-dom-shim': 7.6.6(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/theming': 7.6.6(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/types': 7.6.6
+      '@storybook/node-logger': 7.6.7
+      '@storybook/postinstall': 7.6.7
+      '@storybook/preview-api': 7.6.7
+      '@storybook/react-dom-shim': 7.6.7(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/theming': 7.6.7(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/types': 7.6.7
       fs-extra: 11.2.0
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
@@ -5676,25 +5711,25 @@ packages:
       - supports-color
     dev: true
 
-  /@storybook/addon-essentials@7.6.6(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-OQ8A6r06mg/HvyIk/j2Gt9DK5Qtqgtwq2Ydm5IgVW6gZsuRnv1FAeUG6okf8oXowAzpYoHdsDmCVwNOAGWGO7w==}
+  /@storybook/addon-essentials@7.6.7(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-nNLMrpIvc04z4XCA+kval/44eKAFJlUJeeL2pxwP7F/PSzjWe5BXv1bQHOiw8inRO5II0PzqwWnVCI9jsj7K5A==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
     dependencies:
-      '@storybook/addon-actions': 7.6.6
-      '@storybook/addon-backgrounds': 7.6.6
-      '@storybook/addon-controls': 7.6.6(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/addon-docs': 7.6.6(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/addon-highlight': 7.6.6
-      '@storybook/addon-measure': 7.6.6
-      '@storybook/addon-outline': 7.6.6
-      '@storybook/addon-toolbars': 7.6.6
-      '@storybook/addon-viewport': 7.6.6
-      '@storybook/core-common': 7.6.6
-      '@storybook/manager-api': 7.6.6(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/node-logger': 7.6.6
-      '@storybook/preview-api': 7.6.6
+      '@storybook/addon-actions': 7.6.7
+      '@storybook/addon-backgrounds': 7.6.7
+      '@storybook/addon-controls': 7.6.7(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/addon-docs': 7.6.7(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/addon-highlight': 7.6.7
+      '@storybook/addon-measure': 7.6.7
+      '@storybook/addon-outline': 7.6.7
+      '@storybook/addon-toolbars': 7.6.7
+      '@storybook/addon-viewport': 7.6.7
+      '@storybook/core-common': 7.6.7
+      '@storybook/manager-api': 7.6.7(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/node-logger': 7.6.7
+      '@storybook/preview-api': 7.6.7
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
       ts-dedent: 2.2.0
@@ -5705,24 +5740,24 @@ packages:
       - supports-color
     dev: true
 
-  /@storybook/addon-highlight@7.6.6:
-    resolution: {integrity: sha512-B85UaCts2uMpa0yHBSnupzy2WCdW4vfB+lfaBug9beyOyZQdel07BumblE0KwSJftYgdCNPUZ5MRlqEDzMLTWQ==}
+  /@storybook/addon-highlight@7.6.7:
+    resolution: {integrity: sha512-2F/tJdn45d4zrvf/cmE1vsczl99wK8+I+kkj0G7jLsrJR0w1zTgbgjy6T9j86HBTBvWcnysNFNIRWPAOh5Wdbw==}
     dependencies:
       '@storybook/global': 5.0.0
     dev: true
 
-  /@storybook/addon-interactions@7.6.6:
-    resolution: {integrity: sha512-EJWx6ciJPgv1c75tB/M4smWDpPDGM/L24v4DZxGpl1eV3oQOSQCKImG5btwoy6QcIi68ozroUHdUti/kzCKS1w==}
+  /@storybook/addon-interactions@7.6.7:
+    resolution: {integrity: sha512-iXE2m9i/1D2baYkRgoYe9zwcAjtBOxBfW4o2AS0pzBNPN7elpP9C6mIa0ScpSltawBfIjfe6iQRXAMXOsIIh3Q==}
     dependencies:
       '@storybook/global': 5.0.0
-      '@storybook/types': 7.6.6
+      '@storybook/types': 7.6.7
       jest-mock: 27.5.1
       polished: 4.2.2
       ts-dedent: 2.2.0
     dev: true
 
-  /@storybook/addon-links@7.6.6(react@18.2.0):
-    resolution: {integrity: sha512-NEcqOz6zZ1dJnCcVmYdaQTAMAGIb8NFAZGnr9DU0q+t4B1fTaWUgqLtBM5V6YqIrXGSC/oKLpjWUkS5UpswlHA==}
+  /@storybook/addon-links@7.6.7(react@18.2.0):
+    resolution: {integrity: sha512-O5LekPslkAIDtXC/TCIyg/3c0htBxDYwb/s+NrZUPTNWJsngxvTAwp6aIk6aVSeSCFUMWvBFcVsuV3hv+ndK6w==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
     peerDependenciesMeta:
@@ -5735,15 +5770,30 @@ packages:
       ts-dedent: 2.2.0
     dev: true
 
-  /@storybook/addon-measure@7.6.6:
-    resolution: {integrity: sha512-b4hyCudlhsbYN1We8pfZHZJ0i0sfC8+GJvrqZQqdSqGicUmA00mggY1GE+gEoHziQ5/4auxFRS3HfUgaQWUNjg==}
+  /@storybook/addon-measure@7.6.7:
+    resolution: {integrity: sha512-t1RnnNO4Xzgnsxu63FlZwsCTF0+9jKxr44NiJAUOxW9ppbCvs/JfSDOOvcDRtPWyjgnyzexNUUctMfxvLrU01A==}
     dependencies:
       '@storybook/global': 5.0.0
       tiny-invariant: 1.3.1
     dev: true
 
-  /@storybook/addon-outline@7.6.6:
-    resolution: {integrity: sha512-BMjpjzNEnN8LC7JK92WCXyWgmJwAaEQjRDinr7eD4cBt4Uas5kbciw1g8PtTnh0GbYUsImKao0nzakSVObAdzg==}
+  /@storybook/addon-onboarding@1.0.10(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-tK7JjJYIpOM4LowBoIM/8ymYQ70qVRmu7pGqSOQ82AW15ob5u36HJ753y0hVH/KPj6k7J1aSgAEgVGXLmgwvKw==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+    dependencies:
+      '@storybook/telemetry': 7.6.6
+      react: 18.2.0
+      react-confetti: 6.1.0(react@18.2.0)
+      react-dom: 18.2.0(react@18.2.0)
+    transitivePeerDependencies:
+      - encoding
+      - supports-color
+    dev: true
+
+  /@storybook/addon-outline@7.6.7:
+    resolution: {integrity: sha512-gu2y46ijjMkXlxy1f8Cctgjw5b5y8vSIqNAYlrs5/Qy+hJAWyU6lj2PFGOCCUG4L+F45fAjwWAin6qz43+WnRQ==}
     dependencies:
       '@storybook/global': 5.0.0
       ts-dedent: 2.2.0
@@ -5805,12 +5855,12 @@ packages:
       - typescript
     dev: true
 
-  /@storybook/addon-toolbars@7.6.6:
-    resolution: {integrity: sha512-sQm5+FcoSMSGn1ioXHoukO6OhUlcNZil0/fonAY50uvp6Z4DyI0FTU7BKIm/NoMqAExQk3sZRfAC/nZZ9Epb0Q==}
+  /@storybook/addon-toolbars@7.6.7:
+    resolution: {integrity: sha512-vT+YMzw8yVwndhJglI0XtELfXWq1M0HEy5ST3XPzbjmsJ54LgTf1b29UMkh0E/05qBQNFCcbT9B/tLxqWezxlg==}
     dev: true
 
-  /@storybook/addon-viewport@7.6.6:
-    resolution: {integrity: sha512-/ijbzDf1Iq30LvZW2NE8cO4TeHusw0N+jTDUK1+vhxGNMFo9DUIgRkAi6VpFEfS0aQ5d82523WSWzVso7b/Hmg==}
+  /@storybook/addon-viewport@7.6.7:
+    resolution: {integrity: sha512-Q/BKjJaKzl4RWxH45K2iIXwkicj4ReVAUIpIyd7dPBb/Bx+hEDYZxR5dDg82AMkZdA71x5ttMnuDSuVpmWAE6g==}
     dependencies:
       memoizerific: 1.11.3
     dev: true
@@ -5825,23 +5875,23 @@ packages:
       - react-dom
     dev: true
 
-  /@storybook/blocks@7.6.6(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-QLqkiSNrtGnh8RK9ipD63jVAUenkRu+72xR31DViZWRV9V8G2hzky5E/RoZWPEx+DfmBIUJ7Tcef6cCRcxEj9A==}
+  /@storybook/blocks@7.6.7(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-+QEvGQ0he/YvFS3lsZORJWxhQIyqcCDWsxbJxJiByePd+Z4my3q8xwtPhHW0TKRL0xUgNE/GnTfMMqJfevTuSw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
     dependencies:
-      '@storybook/channels': 7.6.6
-      '@storybook/client-logger': 7.6.6
-      '@storybook/components': 7.6.6(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/core-events': 7.6.6
+      '@storybook/channels': 7.6.7
+      '@storybook/client-logger': 7.6.7
+      '@storybook/components': 7.6.7(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/core-events': 7.6.7
       '@storybook/csf': 0.1.2
-      '@storybook/docs-tools': 7.6.6
+      '@storybook/docs-tools': 7.6.7
       '@storybook/global': 5.0.0
-      '@storybook/manager-api': 7.6.6(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/preview-api': 7.6.6
-      '@storybook/theming': 7.6.6(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/types': 7.6.6
+      '@storybook/manager-api': 7.6.7(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/preview-api': 7.6.7
+      '@storybook/theming': 7.6.7(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/types': 7.6.7
       '@types/lodash': 4.14.202
       color-convert: 2.0.1
       dequal: 2.0.3
@@ -5887,8 +5937,8 @@ packages:
       - supports-color
     dev: true
 
-  /@storybook/builder-webpack5@7.6.6(esbuild@0.18.20)(typescript@5.3.3):
-    resolution: {integrity: sha512-V3pVdhlhqBdVhrE1M3ip07X8Ma6FXBeTtcZsT+oFVX7A+wxMfA9fhGWVjL6yOB/E+87jF5SvlvYbo+18Xw6hqg==}
+  /@storybook/builder-webpack5@7.6.7(esbuild@0.18.20)(typescript@5.3.3):
+    resolution: {integrity: sha512-b5AaWXOHwIXl5Q1iRRl6eRhljId0Zsg0ANawDoubK1y1jsBoQtWal7c4TQPMeLAd2G30fc3sW5zCdb9rCo2Vrg==}
     peerDependencies:
       typescript: '*'
     peerDependenciesMeta:
@@ -5896,14 +5946,14 @@ packages:
         optional: true
     dependencies:
       '@babel/core': 7.23.6
-      '@storybook/channels': 7.6.6
-      '@storybook/client-logger': 7.6.6
-      '@storybook/core-common': 7.6.6
-      '@storybook/core-events': 7.6.6
-      '@storybook/core-webpack': 7.6.6
-      '@storybook/node-logger': 7.6.6
-      '@storybook/preview': 7.6.6
-      '@storybook/preview-api': 7.6.6
+      '@storybook/channels': 7.6.7
+      '@storybook/client-logger': 7.6.7
+      '@storybook/core-common': 7.6.7
+      '@storybook/core-events': 7.6.7
+      '@storybook/core-webpack': 7.6.7
+      '@storybook/node-logger': 7.6.7
+      '@storybook/preview': 7.6.7
+      '@storybook/preview-api': 7.6.7
       '@swc/core': 1.3.101
       '@types/node': 18.19.3
       '@types/semver': 7.5.6
@@ -5954,6 +6004,17 @@ packages:
       tiny-invariant: 1.3.1
     dev: true
 
+  /@storybook/channels@7.6.7:
+    resolution: {integrity: sha512-u1hURhfQHHtZyRIDUENRCp+CRRm7IQfcjQaoWI06XCevQPuhVEtFUfXHjG+J74aA/JuuTLFUtqwNm1zGqbXTAQ==}
+    dependencies:
+      '@storybook/client-logger': 7.6.7
+      '@storybook/core-events': 7.6.7
+      '@storybook/global': 5.0.0
+      qs: 6.11.2
+      telejson: 7.2.0
+      tiny-invariant: 1.3.1
+    dev: true
+
   /@storybook/cli@7.6.6:
     resolution: {integrity: sha512-FLmWrbmGOqe1VYwqyIWxU2lJcYPssORmSbSVVPw6OqQIXx3NrNBrmZDLncMwbVCDQ8eU54J1zb+MyDmSqMbVFg==}
     hasBin: true
@@ -6012,6 +6073,12 @@ packages:
       '@storybook/global': 5.0.0
     dev: true
 
+  /@storybook/client-logger@7.6.7:
+    resolution: {integrity: sha512-A16zpWgsa0gSdXMR9P3bWVdC9u/1B1oG4H7Z1+JhNzgnL3CdyOYO0qFSiAtNBso4nOjIAJVb6/AoBzdRhmSVQg==}
+    dependencies:
+      '@storybook/global': 5.0.0
+    dev: true
+
   /@storybook/codemod@7.6.6:
     resolution: {integrity: sha512-6QwW6T6ZgwwbTkEoZ7CAoX7lUUob7Sy7bRkMHhSjJe2++wEVFOYLvzHcLUJCupK59+WhmsJU9PpUMlXEKi40TQ==}
     dependencies:
@@ -6056,11 +6123,34 @@ packages:
       - '@types/react-dom'
     dev: true
 
-  /@storybook/core-client@7.6.6:
-    resolution: {integrity: sha512-P100aNf+WpvzlfULZp1NPd60/nxsppLmft2DdIyAx1j4QPMZvUJyJB+hdBMzTFiPEhIUncIMoIVf2R3UXC5DfA==}
+  /@storybook/components@7.6.7(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-1HN4p+MCI4Tx9VGZayZyqbW7SB7mXQLnS5fUbTE1gXaMYHpzFvcrRNROeV1LZPClJX6qx1jgE5ngZojhxGuxMA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
     dependencies:
-      '@storybook/client-logger': 7.6.6
-      '@storybook/preview-api': 7.6.6
+      '@radix-ui/react-select': 1.2.2(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-toolbar': 1.0.4(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/client-logger': 7.6.7
+      '@storybook/csf': 0.1.2
+      '@storybook/global': 5.0.0
+      '@storybook/theming': 7.6.7(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/types': 7.6.7
+      memoizerific: 1.11.3
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      use-resize-observer: 9.1.0(react-dom@18.2.0)(react@18.2.0)
+      util-deprecate: 1.0.2
+    transitivePeerDependencies:
+      - '@types/react'
+      - '@types/react-dom'
+    dev: true
+
+  /@storybook/core-client@7.6.7:
+    resolution: {integrity: sha512-ZQivyEzYsZok8vRj5Qan7LbiMUnO89rueWzTnZs4IS6JIaQtjoPI1rGVq+h6qOCM6tki478hic8FS+zwGQ6q+w==}
+    dependencies:
+      '@storybook/client-logger': 7.6.7
+      '@storybook/preview-api': 7.6.7
     dev: true
 
   /@storybook/core-common@7.6.6:
@@ -6094,12 +6184,49 @@ packages:
       - supports-color
     dev: true
 
+  /@storybook/core-common@7.6.7:
+    resolution: {integrity: sha512-F1fJnauVSPQtAlpicbN/O4XW38Ai8kf/IoU0Hgm9gEwurIk6MF5hiVLsaTI/5GUbrepMl9d9J+iIL4lHAT8IyA==}
+    dependencies:
+      '@storybook/core-events': 7.6.7
+      '@storybook/node-logger': 7.6.7
+      '@storybook/types': 7.6.7
+      '@types/find-cache-dir': 3.2.1
+      '@types/node': 18.19.3
+      '@types/node-fetch': 2.6.9
+      '@types/pretty-hrtime': 1.0.3
+      chalk: 4.1.2
+      esbuild: 0.18.20
+      esbuild-register: 3.5.0(esbuild@0.18.20)
+      file-system-cache: 2.3.0
+      find-cache-dir: 3.3.2
+      find-up: 5.0.0
+      fs-extra: 11.2.0
+      glob: 10.3.10
+      handlebars: 4.7.8
+      lazy-universal-dotenv: 4.0.0
+      node-fetch: 2.7.0
+      picomatch: 2.3.1
+      pkg-dir: 5.0.0
+      pretty-hrtime: 1.0.3
+      resolve-from: 5.0.0
+      ts-dedent: 2.2.0
+    transitivePeerDependencies:
+      - encoding
+      - supports-color
+    dev: true
+
   /@storybook/core-events@7.6.6:
     resolution: {integrity: sha512-7+q9HiZiLxaQcwpaSLQrLdjHNHBoOoUY9ZcZXI9iNFSopOgb/ItDnzzlpv08NC7CbKae1hVKJM/t5aSTl7tCMw==}
     dependencies:
       ts-dedent: 2.2.0
     dev: true
 
+  /@storybook/core-events@7.6.7:
+    resolution: {integrity: sha512-KZ5d03c47pnr5/kY26pJtWq7WpmCPXLbgyjJZDSc+TTY153BdZksvlBXRHtqM1yj2UM6QsSyIuiJaADJNAbP2w==}
+    dependencies:
+      ts-dedent: 2.2.0
+    dev: true
+
   /@storybook/core-server@7.6.6:
     resolution: {integrity: sha512-QFVahaExgGtq9swBXgQAMUiCqpCcyVXOiKTIy1j+1uAhPVqhpCxBkkFoXruih5hbIMZyohE4mLPCAr/ivicoDg==}
     dependencies:
@@ -6151,12 +6278,12 @@ packages:
       - utf-8-validate
     dev: true
 
-  /@storybook/core-webpack@7.6.6:
-    resolution: {integrity: sha512-VQyA6nb7K5uAWp/bqntW9Dtv2mVQWOp99v52ilHI/aCR9gEIC2XKBB7PTs/l5L9PKTcES6UJTcFJmOp+s7kFOA==}
+  /@storybook/core-webpack@7.6.7:
+    resolution: {integrity: sha512-+UpjJc1fXs9KPIRbTzsBVDgsGQb+VlU3Z7w7XJM1M6ERQrvNAX3oj0iLdDK/AO1ks1qTg+meLFnVwpgKxcTTqg==}
     dependencies:
-      '@storybook/core-common': 7.6.6
-      '@storybook/node-logger': 7.6.6
-      '@storybook/types': 7.6.6
+      '@storybook/core-common': 7.6.7
+      '@storybook/node-logger': 7.6.7
+      '@storybook/types': 7.6.7
       '@types/node': 18.19.3
       ts-dedent: 2.2.0
     transitivePeerDependencies:
@@ -6164,10 +6291,10 @@ packages:
       - supports-color
     dev: true
 
-  /@storybook/csf-plugin@7.6.6:
-    resolution: {integrity: sha512-SqdffT14+XNpf+7vA29Elur28VArXtFv4cXMlsCbswbRuY+a0A8vYNwVIfCUy9u4WHTcQX1/tUkDAMh80lrVRQ==}
+  /@storybook/csf-plugin@7.6.7:
+    resolution: {integrity: sha512-YL7e6H4iVcsDI0UpgpdQX2IiGDrlbgaQMHQgDLWXmZyKxBcy0ONROAX5zoT1ml44EHkL60TMaG4f7SinviJCog==}
     dependencies:
-      '@storybook/csf-tools': 7.6.6
+      '@storybook/csf-tools': 7.6.7
       unplugin: 1.5.1
     transitivePeerDependencies:
       - supports-color
@@ -6189,6 +6316,22 @@ packages:
       - supports-color
     dev: true
 
+  /@storybook/csf-tools@7.6.7:
+    resolution: {integrity: sha512-hyRbUGa2Uxvz3U09BjcOfMNf/5IYgRum1L6XszqK2O8tK9DGte1r6hArCIAcqiEmFMC40d0kalPzqu6WMNn7sg==}
+    dependencies:
+      '@babel/generator': 7.23.6
+      '@babel/parser': 7.23.6
+      '@babel/traverse': 7.23.6(supports-color@5.5.0)
+      '@babel/types': 7.23.6
+      '@storybook/csf': 0.1.2
+      '@storybook/types': 7.6.7
+      fs-extra: 11.2.0
+      recast: 0.23.4
+      ts-dedent: 2.2.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /@storybook/csf@0.0.1:
     resolution: {integrity: sha512-USTLkZze5gkel8MYCujSRBVIrUQ3YPBrLOx7GNk/0wttvVtlzWXAq9eLbQ4p/NicGxP+3T7KPEMVV//g+yubpw==}
     dependencies:
@@ -6205,12 +6348,12 @@ packages:
     resolution: {integrity: sha512-JDaBR9lwVY4eSH5W8EGHrhODjygPd6QImRbwjAuJNEnY0Vw4ie3bPkeGfnacB3OBW6u/agqPv2aRlR46JcAQLg==}
     dev: true
 
-  /@storybook/docs-tools@7.6.6:
-    resolution: {integrity: sha512-nc5ZjN2s8SC2PtsZoFf9Wm6gD8TcSlkYbF/mjtyLCGN+Fi+k5B5iudqoa65H19hwiLlzBdcnpQ8C89AiK33J9Q==}
+  /@storybook/docs-tools@7.6.7:
+    resolution: {integrity: sha512-enTO/xVjBqwUraGCYTwdyjMvug3OSAM7TPPUEJ3KPieJNwAzcYkww/qNDMIAR4S39zPMrkAmtS3STvVadlJz7g==}
     dependencies:
-      '@storybook/core-common': 7.6.6
-      '@storybook/preview-api': 7.6.6
-      '@storybook/types': 7.6.6
+      '@storybook/core-common': 7.6.7
+      '@storybook/preview-api': 7.6.7
+      '@storybook/types': 7.6.7
       '@types/doctrine': 0.0.3
       assert: 2.1.0
       doctrine: 3.0.0
@@ -6224,6 +6367,18 @@ packages:
     resolution: {integrity: sha512-FcOqPAXACP0I3oJ/ws6/rrPT9WGhu915Cg8D02a9YxLo0DE9zI+a9A5gRGvmQ09fiWPukqI8ZAEoQEdWUKMQdQ==}
     dev: true
 
+  /@storybook/instrumenter@7.6.7:
+    resolution: {integrity: sha512-Q4NstXZKCk62MkP7jgpg5CRFmhszg9QdoN8CwffuUGtjQRADhmeRHgP4usB87Sg6Tq9MLSopAEqUZxlKKYeeag==}
+    dependencies:
+      '@storybook/channels': 7.6.7
+      '@storybook/client-logger': 7.6.7
+      '@storybook/core-events': 7.6.7
+      '@storybook/global': 5.0.0
+      '@storybook/preview-api': 7.6.7
+      '@vitest/utils': 0.34.7
+      util: 0.12.5
+    dev: true
+
   /@storybook/manager-api@7.6.6(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-euRAbSZAUzHDt6z1Pq/g45N/RNqta9RaQAym18zt/oLWiYOIrkLmdf7kCuFYsmuA5XQBytiJqwkAD7uF1aLe0g==}
     dependencies:
@@ -6247,6 +6402,28 @@ packages:
       - react-dom
     dev: true
 
+  /@storybook/manager-api@7.6.7(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-3Wk/BvuGUlw/X05s57zZO7gJbzfUeE9Xe+CSIvuH7RY5jx9PYnNwqNlTXPXhJ5LPvwMthae7WJVn3SuBpbptoQ==}
+    dependencies:
+      '@storybook/channels': 7.6.7
+      '@storybook/client-logger': 7.6.7
+      '@storybook/core-events': 7.6.7
+      '@storybook/csf': 0.1.2
+      '@storybook/global': 5.0.0
+      '@storybook/router': 7.6.7
+      '@storybook/theming': 7.6.7(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/types': 7.6.7
+      dequal: 2.0.3
+      lodash: 4.17.21
+      memoizerific: 1.11.3
+      store2: 2.14.2
+      telejson: 7.2.0
+      ts-dedent: 2.2.0
+    transitivePeerDependencies:
+      - react
+      - react-dom
+    dev: true
+
   /@storybook/manager@7.6.6:
     resolution: {integrity: sha512-Ga3LcSu/xxSyg+cLlO9AS8QjW+D667V+c9qQPmsFyU6qfFc6m6mVqcRLSmFVD5e7P/o0FL7STOf9jAKkDcW8xw==}
     dev: true
@@ -6255,8 +6432,8 @@ packages:
     resolution: {integrity: sha512-TXJJd5RAKakWx4BtpwvSNdgTDkKM6RkXU8GK34S/LhidQ5Pjz3wcnqb0TxEkfhK/ztbP8nKHqXFwLfa2CYkvQw==}
     dev: true
 
-  /@storybook/nextjs@7.6.6(@swc/core@1.3.101)(esbuild@0.18.20)(next@14.0.4)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3)(webpack@5.89.0):
-    resolution: {integrity: sha512-evSTvIvrcuDJCFtiEgr4VVCW28JHY8Cz+8O9QR9Mytj+hRd2DaO67xtBRuKYtqSWsyrV9UpnteiKnuiUgiqGtw==}
+  /@storybook/nextjs@7.6.7(@swc/core@1.3.101)(esbuild@0.18.20)(next@14.0.4)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3)(webpack@5.89.0):
+    resolution: {integrity: sha512-oaqHsxKCaseCHRuLp9mNwYS9vSo4vlMfn3LJx9lHcgup1j143Z6jaQ9FSSQfDSBm6QqbSh/Otzh8Hqh1mOQmkw==}
     engines: {node: '>=16.0.0'}
     peerDependencies:
       '@next/font': ^13.0.0|| ^14.0.0
@@ -6286,15 +6463,16 @@ packages:
       '@babel/preset-react': 7.23.3(@babel/core@7.23.6)
       '@babel/preset-typescript': 7.23.3(@babel/core@7.23.6)
       '@babel/runtime': 7.23.6
-      '@storybook/addon-actions': 7.6.6
-      '@storybook/builder-webpack5': 7.6.6(esbuild@0.18.20)(typescript@5.3.3)
-      '@storybook/core-common': 7.6.6
-      '@storybook/core-events': 7.6.6
-      '@storybook/node-logger': 7.6.6
-      '@storybook/preset-react-webpack': 7.6.6(@babel/core@7.23.6)(@swc/core@1.3.101)(esbuild@0.18.20)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3)
-      '@storybook/preview-api': 7.6.6
-      '@storybook/react': 7.6.6(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3)
+      '@storybook/addon-actions': 7.6.7
+      '@storybook/builder-webpack5': 7.6.7(esbuild@0.18.20)(typescript@5.3.3)
+      '@storybook/core-common': 7.6.7
+      '@storybook/core-events': 7.6.7
+      '@storybook/node-logger': 7.6.7
+      '@storybook/preset-react-webpack': 7.6.7(@babel/core@7.23.6)(@swc/core@1.3.101)(esbuild@0.18.20)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3)
+      '@storybook/preview-api': 7.6.7
+      '@storybook/react': 7.6.7(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3)
       '@types/node': 18.19.3
+      '@types/semver': 7.5.6
       css-loader: 6.8.1(webpack@5.89.0)
       find-up: 5.0.0
       fs-extra: 11.2.0
@@ -6344,12 +6522,16 @@ packages:
     resolution: {integrity: sha512-b2OF9GRNI01MlBlnDGS8S6/yOpBNl8eH/0ONafuMPzFEZs5PouHGsFflJvQwwcdVTknMjF5uVS2eSmnLZ8spvA==}
     dev: true
 
-  /@storybook/postinstall@7.6.6:
-    resolution: {integrity: sha512-jamn7QNTJPZiu22nu25LqfSTJohugFhCu4b48yqP+pdMdkQ3qVd3NdDYhBlgkH/Btar+kppiJP1gRtoiJF761w==}
+  /@storybook/node-logger@7.6.7:
+    resolution: {integrity: sha512-XLih8MxylkpZG9+8tgp8sPGc2tldlWF+DpuAkUv6J3Mc81mPyc3cQKQWZ7Hb+m1LpRGqKV4wyOQj1rC+leVMoQ==}
     dev: true
 
-  /@storybook/preset-react-webpack@7.6.6(@babel/core@7.23.6)(@swc/core@1.3.101)(esbuild@0.18.20)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3):
-    resolution: {integrity: sha512-spOEPePPiKJQIVFARVUPfJ3cT8mBWFMlb3iS54MO4IW55aQRPWw1HQYt7uZ3NwZVT49Npwn4D1x81rWMu9ikPg==}
+  /@storybook/postinstall@7.6.7:
+    resolution: {integrity: sha512-mrpRmcwFd9FcvtHPXA9x6vOrHLVCKScZX/Xx2QPWgAvB3W6uzP8G+8QNb1u834iToxrWeuszUMB9UXZK4Qj5yg==}
+    dev: true
+
+  /@storybook/preset-react-webpack@7.6.7(@babel/core@7.23.6)(@swc/core@1.3.101)(esbuild@0.18.20)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3):
+    resolution: {integrity: sha512-olKTivJmbyuiPIa99/4Gx3zxbBplyXgbNso9ZAXHnSf7rBD0irV5oRqk+gFlEFJDHkK9vnpWMenly7vzX8QCXQ==}
     engines: {node: '>=16.0.0'}
     peerDependencies:
       '@babel/core': ^7.22.0
@@ -6366,10 +6548,10 @@ packages:
       '@babel/preset-flow': 7.23.3(@babel/core@7.23.6)
       '@babel/preset-react': 7.23.3(@babel/core@7.23.6)
       '@pmmmwh/react-refresh-webpack-plugin': 0.5.11(react-refresh@0.14.0)(webpack@5.89.0)
-      '@storybook/core-webpack': 7.6.6
-      '@storybook/docs-tools': 7.6.6
-      '@storybook/node-logger': 7.6.6
-      '@storybook/react': 7.6.6(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3)
+      '@storybook/core-webpack': 7.6.7
+      '@storybook/docs-tools': 7.6.7
+      '@storybook/node-logger': 7.6.7
+      '@storybook/react': 7.6.7(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3)
       '@storybook/react-docgen-typescript-plugin': 1.0.6--canary.9.0c3f3b7.0(typescript@5.3.3)(webpack@5.89.0)
       '@types/node': 18.19.3
       '@types/semver': 7.5.6
@@ -6417,8 +6599,27 @@ packages:
       util-deprecate: 1.0.2
     dev: true
 
-  /@storybook/preview@7.6.6:
-    resolution: {integrity: sha512-Rl+Pom2bNwzc0MdlbFALmvxsbCkbIwlpTZlRZZTh5Ah8JViV9htQgP9e8uwo3NZA2BhjbDLkmnZeloWxQnI5Ig==}
+  /@storybook/preview-api@7.6.7:
+    resolution: {integrity: sha512-ja85ItrT6q2TeBQ6n0CNoRi1R6L8yF2kkis9hVeTQHpwLdZyHUTRqqR5WmhtLqqQXcofyasBPOeJV06wuOhgRQ==}
+    dependencies:
+      '@storybook/channels': 7.6.7
+      '@storybook/client-logger': 7.6.7
+      '@storybook/core-events': 7.6.7
+      '@storybook/csf': 0.1.2
+      '@storybook/global': 5.0.0
+      '@storybook/types': 7.6.7
+      '@types/qs': 6.9.10
+      dequal: 2.0.3
+      lodash: 4.17.21
+      memoizerific: 1.11.3
+      qs: 6.11.2
+      synchronous-promise: 2.0.17
+      ts-dedent: 2.2.0
+      util-deprecate: 1.0.2
+    dev: true
+
+  /@storybook/preview@7.6.7:
+    resolution: {integrity: sha512-/ddKIyT+6b8CKGJAma1wood4nwCAoi/E1olCqgpCmviMeUtAiMzgK0xzPwvq5Mxkz/cPeXVi8CQgaQZCa4yvNA==}
     dev: true
 
   /@storybook/react-docgen-typescript-plugin@1.0.6--canary.9.0c3f3b7.0(typescript@5.3.3)(webpack@5.89.0):
@@ -6440,8 +6641,8 @@ packages:
       - supports-color
     dev: true
 
-  /@storybook/react-dom-shim@7.6.6(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-WWNlXtCVoBWXX/kLNulUeMgzmlAEHi2aBrdIv2jz0DScPf0YxeWAkWmgK7F0zMot9mdwYncr+pk1AILbTBJSyg==}
+  /@storybook/react-dom-shim@7.6.7(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-b/rmy/YzVrwP+ifyZG4yXVIdeFVdTbmziodHUlbrWiUNsqtTZZur9kqkKRUH/7ofji9MFe81nd0MRlcTNFomqg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -6450,8 +6651,8 @@ packages:
       react-dom: 18.2.0(react@18.2.0)
     dev: true
 
-  /@storybook/react-webpack5@7.6.6(@babel/core@7.23.6)(@swc/core@1.3.101)(esbuild@0.18.20)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3):
-    resolution: {integrity: sha512-YGzSf4rMjlMNU4/7pYtFGS1YxwlEtUOx6cyifKM8/Q7qMi6YJEpcwQpxw9V64YUpLU2aoOXSEc6Ox00AG0+5AA==}
+  /@storybook/react-webpack5@7.6.7(@babel/core@7.23.6)(@swc/core@1.3.101)(esbuild@0.18.20)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3):
+    resolution: {integrity: sha512-/HK+v8vmeApN4WI5RyaDdhPhjFuEQfMQmvZLl+ewpamhJNMRr4nvrdvxOSfBw46zFubKgieuxEcW+VxHwvZ1og==}
     engines: {node: '>=16.0.0'}
     peerDependencies:
       '@babel/core': ^7.22.0
@@ -6465,9 +6666,9 @@ packages:
         optional: true
     dependencies:
       '@babel/core': 7.23.6
-      '@storybook/builder-webpack5': 7.6.6(esbuild@0.18.20)(typescript@5.3.3)
-      '@storybook/preset-react-webpack': 7.6.6(@babel/core@7.23.6)(@swc/core@1.3.101)(esbuild@0.18.20)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3)
-      '@storybook/react': 7.6.6(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3)
+      '@storybook/builder-webpack5': 7.6.7(esbuild@0.18.20)(typescript@5.3.3)
+      '@storybook/preset-react-webpack': 7.6.7(@babel/core@7.23.6)(@swc/core@1.3.101)(esbuild@0.18.20)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3)
+      '@storybook/react': 7.6.7(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3)
       '@types/node': 18.19.3
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
@@ -6489,8 +6690,8 @@ packages:
       - webpack-plugin-serve
     dev: true
 
-  /@storybook/react@7.6.6(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3):
-    resolution: {integrity: sha512-pE6GJ4hPGJIsX6AREjW6HibshwZE6rFhWRtjeX5MV0eKMmQgoRWRgiRfg9/YB6Z0tRtuptI83Uaszimmif1BKg==}
+  /@storybook/react@7.6.7(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3):
+    resolution: {integrity: sha512-uT9IBPDM1SQg6FglWqb7IemOJ1Z8kYB5rehIDEDToi0u5INihSY8rHd003TxG4Wx4REp6J+rfbDJO2aVui/gxA==}
     engines: {node: '>=16.0.0'}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -6500,13 +6701,13 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@storybook/client-logger': 7.6.6
-      '@storybook/core-client': 7.6.6
-      '@storybook/docs-tools': 7.6.6
+      '@storybook/client-logger': 7.6.7
+      '@storybook/core-client': 7.6.7
+      '@storybook/docs-tools': 7.6.7
       '@storybook/global': 5.0.0
-      '@storybook/preview-api': 7.6.6
-      '@storybook/react-dom-shim': 7.6.6(react-dom@18.2.0)(react@18.2.0)
-      '@storybook/types': 7.6.6
+      '@storybook/preview-api': 7.6.7
+      '@storybook/react-dom-shim': 7.6.7(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/types': 7.6.7
       '@types/escodegen': 0.0.6
       '@types/estree': 0.0.51
       '@types/node': 18.19.3
@@ -6537,6 +6738,14 @@ packages:
       qs: 6.11.2
     dev: true
 
+  /@storybook/router@7.6.7:
+    resolution: {integrity: sha512-kkhNSdC3fXaQxILg8a26RKk4/ZbF/AUVrepUEyO8lwvbJ6LItTyWSE/4I9Ih4qV2Mjx33ncc8vLqM9p8r5qnMA==}
+    dependencies:
+      '@storybook/client-logger': 7.6.7
+      memoizerific: 1.11.3
+      qs: 6.11.2
+    dev: true
+
   /@storybook/telemetry@7.6.6:
     resolution: {integrity: sha512-2WdDcrMrt1bPVgdMVO0tFmVxT6YIjiPRfKbH/7wwYMOGmV75m4mJ9Ha2gzZc/oXTSK1M4/fiK12IgW+S3ErcMg==}
     dependencies:
@@ -6553,6 +6762,28 @@ packages:
       - supports-color
     dev: true
 
+  /@storybook/test@7.6.7:
+    resolution: {integrity: sha512-6gyRIvtOSq/ODYjpUO8LgY1YlWoYINhhKtLKwZasbp8hQ0zkd2vRSWlVCwzsw28cZXo2UL92UNSgEVD1sf73Qg==}
+    dependencies:
+      '@storybook/client-logger': 7.6.7
+      '@storybook/core-events': 7.6.7
+      '@storybook/instrumenter': 7.6.7
+      '@storybook/preview-api': 7.6.7
+      '@testing-library/dom': 9.3.3
+      '@testing-library/jest-dom': 6.2.0
+      '@testing-library/user-event': 14.3.0(@testing-library/dom@9.3.3)
+      '@types/chai': 4.3.11
+      '@vitest/expect': 0.34.7
+      '@vitest/spy': 0.34.7
+      chai: 4.3.10
+      util: 0.12.5
+    transitivePeerDependencies:
+      - '@jest/globals'
+      - '@types/jest'
+      - jest
+      - vitest
+    dev: true
+
   /@storybook/theming@7.6.6(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-hNZOOxaF55iAGUEM0dvAIP6LfGMgPKCJQIk/qyotFk+SKkg3PBqzph89XfFl9yCD3KiX5cryqarULgVuNawLJg==}
     peerDependencies:
@@ -6567,6 +6798,20 @@ packages:
       react-dom: 18.2.0(react@18.2.0)
     dev: true
 
+  /@storybook/theming@7.6.7(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-+42rfC4rZtWVAXJ7JBUQKnQ6vWBXJVHZ9HtNUWzQLPR9sJSMmHnnSMV6y5tizGgZqmBnAIkuoYk+Tt6NfwUmSA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+    dependencies:
+      '@emotion/use-insertion-effect-with-fallbacks': 1.0.1(react@18.2.0)
+      '@storybook/client-logger': 7.6.7
+      '@storybook/global': 5.0.0
+      memoizerific: 1.11.3
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: true
+
   /@storybook/types@7.6.6:
     resolution: {integrity: sha512-77vbQp3GX93OD8UzFkY4a0fAmkZrqLe61XVo6yABrwbVDY0EcAwaCF5gcXRhOHldlH7KYbLfEQkDkkKTBjX7ow==}
     dependencies:
@@ -6576,6 +6821,15 @@ packages:
       file-system-cache: 2.3.0
     dev: true
 
+  /@storybook/types@7.6.7:
+    resolution: {integrity: sha512-VcGwrI4AkBENxkoAUJ+Z7SyMK73hpoY0TTtw2J7tc05/xdiXhkQTX15Qa12IBWIkoXCyNrtaU+q7KR8Tjzi+uw==}
+    dependencies:
+      '@storybook/channels': 7.6.7
+      '@types/babel__core': 7.20.5
+      '@types/express': 4.17.21
+      file-system-cache: 2.3.0
+    dev: true
+
   /@strapi/admin@4.15.5(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@strapi/data-transfer@4.15.5)(@strapi/strapi@4.15.5)(@types/node@20.8.7)(@types/react-dom@18.2.18)(@types/react@18.2.45)(better-sqlite3@9.1.1)(codemirror@5.65.16)(debug@4.3.4)(pg@8.11.3)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(redux@4.2.1)(styled-components@5.3.3):
     resolution: {integrity: sha512-/ArYIp3WjhuChj4N90y8yiWxJ50MA0RfENIwbTThcg0SKaDV1VV6sqWfY4gYe+3SCDb4ET0Y6V/v3EkYN4jUKw==}
     engines: {node: '>=18.0.0 <=20.x.x', npm: '>=6.0.0'}
@@ -7775,6 +8029,57 @@ packages:
       tailwindcss: 3.3.7(ts-node@10.9.2)
     dev: true
 
+  /@testing-library/dom@9.3.3:
+    resolution: {integrity: sha512-fB0R+fa3AUqbLHWyxXa2kGVtf1Fe1ZZFr0Zp6AIbIAzXb2mKbEXl+PCQNUOaq5lbTab5tfctfXRNsWXxa2f7Aw==}
+    engines: {node: '>=14'}
+    dependencies:
+      '@babel/code-frame': 7.23.5
+      '@babel/runtime': 7.23.6
+      '@types/aria-query': 5.0.4
+      aria-query: 5.1.3
+      chalk: 4.1.2
+      dom-accessibility-api: 0.5.16
+      lz-string: 1.5.0
+      pretty-format: 27.5.1
+    dev: true
+
+  /@testing-library/jest-dom@6.2.0:
+    resolution: {integrity: sha512-+BVQlJ9cmEn5RDMUS8c2+TU6giLvzaHZ8sU/x0Jj7fk+6/46wPdwlgOPcpxS17CjcanBi/3VmGMqVr2rmbUmNw==}
+    engines: {node: '>=14', npm: '>=6', yarn: '>=1'}
+    peerDependencies:
+      '@jest/globals': '>= 28'
+      '@types/jest': '>= 28'
+      jest: '>= 28'
+      vitest: '>= 0.32'
+    peerDependenciesMeta:
+      '@jest/globals':
+        optional: true
+      '@types/jest':
+        optional: true
+      jest:
+        optional: true
+      vitest:
+        optional: true
+    dependencies:
+      '@adobe/css-tools': 4.3.2
+      '@babel/runtime': 7.23.6
+      aria-query: 5.3.0
+      chalk: 3.0.0
+      css.escape: 1.5.1
+      dom-accessibility-api: 0.6.3
+      lodash: 4.17.21
+      redent: 3.0.0
+    dev: true
+
+  /@testing-library/user-event@14.3.0(@testing-library/dom@9.3.3):
+    resolution: {integrity: sha512-P02xtBBa8yMaLhK8CzJCIns8rqwnF6FxhR9zs810flHOBXUYCFjLd8Io1rQrAkQRWEmW2PGdZIEdMxf/KLsqFA==}
+    engines: {node: '>=12', npm: '>=6'}
+    peerDependencies:
+      '@testing-library/dom': '>=7.21.4'
+    dependencies:
+      '@testing-library/dom': 9.3.3
+    dev: true
+
   /@tootallnate/once@2.0.0:
     resolution: {integrity: sha512-XCuKFP5PS55gnMVu3dty8KPatLqUoy/ZYzDzAGCQ8JNFCkLXzmI7vNHCR+XpbZaMWQK/vQubr7PkYq8g470J/A==}
     engines: {node: '>= 10'}
@@ -7796,6 +8101,10 @@ packages:
     resolution: {integrity: sha512-ebDJ9b0e702Yr7pWgB0jzm+CX4Srzz8RcXtLJDJB+BSccqMa36uyH/zUsSYao5+BD1ytv3k3rPYCq4mAE1hsXA==}
     dev: false
 
+  /@types/aria-query@5.0.4:
+    resolution: {integrity: sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==}
+    dev: true
+
   /@types/babel__core@7.20.5:
     resolution: {integrity: sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==}
     dependencies:
@@ -7837,6 +8146,10 @@ packages:
       '@types/responselike': 1.0.3
     dev: false
 
+  /@types/chai@4.3.11:
+    resolution: {integrity: sha512-qQR1dr2rGIHYlJulmr8Ioq3De0Le9E4MJ5AiaeAETJJpndT1uUNHsGFK3L/UIu+rbkQSdj8J/w2bCsBZc/Y5fQ==}
+    dev: true
+
   /@types/connect@3.4.38:
     resolution: {integrity: sha512-K6uROf1LD88uDQqJCktA4yzL1YYAK6NgfsI0v/mTgyPKWsX1CnJ0XPSDhViejru1GcRkLWb8RlzFYJRqGUbaug==}
     dependencies:
@@ -8027,7 +8340,7 @@ packages:
 
   /@types/luxon@3.3.7:
     resolution: {integrity: sha512-gKc9P2d4g5uYwmy4s/MO/yOVPmvHyvzka1YH6i5dM03UrFofHSmgc0D0ymbDRStFWHusk6cwwF6nhLm/ckBbbQ==}
-    dev: false
+    dev: true
 
   /@types/mdx@2.0.10:
     resolution: {integrity: sha512-Rllzc5KHk0Al5/WANwgSPl1/CwjqCy+AZrGd78zuK+jO9aDM6ffblZ+zIjgPNAaEBmlO0RYDvLNh7wD0zKVgEg==}
@@ -8537,6 +8850,28 @@ packages:
       - supports-color
     dev: false
 
+  /@vitest/expect@0.34.7:
+    resolution: {integrity: sha512-G9iEtwrD6ZQ4MVHZufif9Iqz3eLtuwBBNx971fNAGPaugM7ftAWjQN+ob2zWhtzURp8RK3zGXOxVb01mFo3zAQ==}
+    dependencies:
+      '@vitest/spy': 0.34.7
+      '@vitest/utils': 0.34.7
+      chai: 4.3.10
+    dev: true
+
+  /@vitest/spy@0.34.7:
+    resolution: {integrity: sha512-NMMSzOY2d8L0mcOt4XcliDOS1ISyGlAXuQtERWVOoVHnKwmG+kKhinAiGw3dTtMQWybfa89FG8Ucg9tiC/FhTQ==}
+    dependencies:
+      tinyspy: 2.2.0
+    dev: true
+
+  /@vitest/utils@0.34.7:
+    resolution: {integrity: sha512-ziAavQLpCYS9sLOorGrFFKmy2gnfiNU0ZJ15TsMz/K92NAPS/rp9K4z6AJQQk5Y8adCy4Iwpxy7pQumQ/psnRg==}
+    dependencies:
+      diff-sequences: 29.6.3
+      loupe: 2.3.7
+      pretty-format: 29.7.0
+    dev: true
+
   /@webassemblyjs/ast@1.11.6:
     resolution: {integrity: sha512-IN1xI7PwOvLPgjcf180gC1bqn3q/QaOCwYUahIOhbYUu8KA/3tw2RT/T0Gidi1l7Hhj5D/INhJxiICObqpMu4Q==}
     dependencies:
@@ -8870,6 +9205,11 @@ packages:
     dependencies:
       color-convert: 2.0.1
 
+  /ansi-styles@5.2.0:
+    resolution: {integrity: sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==}
+    engines: {node: '>=10'}
+    dev: true
+
   /ansi-styles@6.2.1:
     resolution: {integrity: sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==}
     engines: {node: '>=12'}
@@ -8908,6 +9248,12 @@ packages:
     dependencies:
       tslib: 2.6.2
 
+  /aria-query@5.1.3:
+    resolution: {integrity: sha512-R5iJ5lkuHybztUfuOAznmboyjWq8O6sqNqtK7CLOqdydi54VNbORp49mb14KbWgG1QD3JFO9hJdZ+y4KutfdOQ==}
+    dependencies:
+      deep-equal: 2.2.3
+    dev: true
+
   /aria-query@5.3.0:
     resolution: {integrity: sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==}
     dependencies:
@@ -9042,6 +9388,10 @@ packages:
       util: 0.12.5
     dev: true
 
+  /assertion-error@1.1.0:
+    resolution: {integrity: sha512-jgsaNduz+ndvGyFt3uSuWqvy4lCnIJiovtouQN5JZHOKCS2QuhEdbcQHFhVksz2N2U9hXJo8odG7ETyWlEeuDw==}
+    dev: true
+
   /assign-symbols@1.0.0:
     resolution: {integrity: sha512-Q+JC7Whu8HhmTdBph/Tq59IoRtoy6KAm5zzPv00WdujX82lbAL8K7WVjne7vdCsAmbF4AYaDOPyO3k0kl8qIrw==}
     engines: {node: '>=0.10.0'}
@@ -9702,6 +10052,19 @@ packages:
     engines: {node: '>=4'}
     dev: true
 
+  /chai@4.3.10:
+    resolution: {integrity: sha512-0UXG04VuVbruMUYbJ6JctvH0YnC/4q3/AkT18q4NaITo91CUm0liMS9VqzT9vZhVQ/1eqPanMWjBM+Juhfb/9g==}
+    engines: {node: '>=4'}
+    dependencies:
+      assertion-error: 1.1.0
+      check-error: 1.0.3
+      deep-eql: 4.1.3
+      get-func-name: 2.0.2
+      loupe: 2.3.7
+      pathval: 1.1.1
+      type-detect: 4.0.8
+    dev: true
+
   /chalk@1.1.3:
     resolution: {integrity: sha512-U3lRVLMSlsCfjqYPbLyVv11M9CPW4I728d6TCKMAOJueEeB9/8o+eSsMnxPJD+Q+K909sdESg7C+tIkoH6on1A==}
     engines: {node: '>=0.10.0'}
@@ -9721,6 +10084,14 @@ packages:
       escape-string-regexp: 1.0.5
       supports-color: 5.5.0
 
+  /chalk@3.0.0:
+    resolution: {integrity: sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==}
+    engines: {node: '>=8'}
+    dependencies:
+      ansi-styles: 4.3.0
+      supports-color: 7.2.0
+    dev: true
+
   /chalk@4.1.2:
     resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
     engines: {node: '>=10'}
@@ -9759,6 +10130,12 @@ packages:
     resolution: {integrity: sha512-xVgPpulCooDjY6zH4m9YW3jbkaBe3FKIAvF5sj5t7aBNsVl2ljIE+xwJ4iNgiDZHFQvNIpjdKdVOQvvk5ZfxbQ==}
     dev: false
 
+  /check-error@1.0.3:
+    resolution: {integrity: sha512-iKEoDYaRmd1mxM90a2OEfWhjsjPpYPuQ+lMYsoxB126+t8fw7ySEO48nmDg5COTjxDI65/Y2OWpeEHk3ZOe8zg==}
+    dependencies:
+      get-func-name: 2.0.2
+    dev: true
+
   /cheerio-select@2.1.0:
     resolution: {integrity: sha512-9v9kG0LvzrlcungtnJtpGNxY+fzECQKhK4EGJX2vByejiMX84MFNQw4UxPJl3bFbTMw+Dfs37XaIkCwTZfLh4g==}
     dependencies:
@@ -10431,6 +10808,10 @@ packages:
     resolution: {integrity: sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==}
     engines: {node: '>= 6'}
 
+  /css.escape@1.5.1:
+    resolution: {integrity: sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg==}
+    dev: true
+
   /cssesc@3.0.0:
     resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
     engines: {node: '>=4'}
@@ -10528,10 +10909,41 @@ packages:
     resolution: {integrity: sha512-Q6fKUPqnAHAyhiUgFU7BUzLiv0kd8saH9al7tnu5Q/okj6dnupxyTgFIBjVzJATdfIAm9NAsvXNzjaKa+bxVyA==}
     dev: true
 
+  /deep-eql@4.1.3:
+    resolution: {integrity: sha512-WaEtAOpRA1MQ0eohqZjpGD8zdI0Ovsm8mmFhaDN8dvDZzyoUMcYDnf5Y6iu7HTXxf8JDS23qWa4a+hKCDyOPzw==}
+    engines: {node: '>=6'}
+    dependencies:
+      type-detect: 4.0.8
+    dev: true
+
   /deep-equal@1.0.1:
     resolution: {integrity: sha512-bHtC0iYvWhyaTzvV3CZgPeZQqCOBGyGsVV7v4eevpdkLHfiSrXUdBG+qAuSz4RI70sszvjQ1QSZ98An1yNwpSw==}
     dev: false
 
+  /deep-equal@2.2.3:
+    resolution: {integrity: sha512-ZIwpnevOurS8bpT4192sqAowWM76JDKSHYzMLty3BZGSswgq6pBaH3DhCSW5xVAZICZyKdOBPjwww5wfgT/6PA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      array-buffer-byte-length: 1.0.0
+      call-bind: 1.0.5
+      es-get-iterator: 1.1.3
+      get-intrinsic: 1.2.2
+      is-arguments: 1.1.1
+      is-array-buffer: 3.0.2
+      is-date-object: 1.0.5
+      is-regex: 1.1.4
+      is-shared-array-buffer: 1.0.2
+      isarray: 2.0.5
+      object-is: 1.1.5
+      object-keys: 1.1.1
+      object.assign: 4.1.5
+      regexp.prototype.flags: 1.5.1
+      side-channel: 1.0.4
+      which-boxed-primitive: 1.0.2
+      which-collection: 1.0.1
+      which-typed-array: 1.1.13
+    dev: true
+
   /deep-extend@0.6.0:
     resolution: {integrity: sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==}
     engines: {node: '>=4.0.0'}
@@ -10751,6 +11163,11 @@ packages:
   /didyoumean@1.2.2:
     resolution: {integrity: sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==}
 
+  /diff-sequences@29.6.3:
+    resolution: {integrity: sha512-EjePK1srD3P08o2j4f0ExnylqRs5B9tJjcp9t1krH2qRi8CCdsYfwe9JgSLurFBWwq4uOlipzfk5fHNvwFKr8Q==}
+    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
+    dev: true
+
   /diff@4.0.2:
     resolution: {integrity: sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==}
     engines: {node: '>=0.3.1'}
@@ -10805,6 +11222,14 @@ packages:
       esutils: 2.0.3
     dev: true
 
+  /dom-accessibility-api@0.5.16:
+    resolution: {integrity: sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==}
+    dev: true
+
+  /dom-accessibility-api@0.6.3:
+    resolution: {integrity: sha512-7ZgogeTnjuHbo+ct10G9Ffp0mif17idi0IyWNVA/wcwcm7NPOD/WEHVP3n7n3MhXqxoIYm8d6MuZohYWIZ4T3w==}
+    dev: true
+
   /dom-converter@0.2.0:
     resolution: {integrity: sha512-gd3ypIPfOMr9h5jIKq8E3sHOTCjeirnl0WK5ZdS1AW0Odt0b1PaWaHdJ4Qk4klv+YB9aJBS7mESXjFoDQPu6DA==}
     dependencies:
@@ -11087,6 +11512,20 @@ packages:
       which-typed-array: 1.1.13
     dev: true
 
+  /es-get-iterator@1.1.3:
+    resolution: {integrity: sha512-sPZmqHBe6JIiTfN5q2pEi//TwxmAFHwj/XEuYjTuse78i8KxaqMTTzxPoFKuzRpDpTJ+0NAbpfenkmH2rePtuw==}
+    dependencies:
+      call-bind: 1.0.5
+      get-intrinsic: 1.2.2
+      has-symbols: 1.0.3
+      is-arguments: 1.1.1
+      is-map: 2.0.2
+      is-set: 2.0.2
+      is-string: 1.0.7
+      isarray: 2.0.5
+      stop-iteration-iterator: 1.0.0
+    dev: true
+
   /es-iterator-helpers@1.0.15:
     resolution: {integrity: sha512-GhoY8uYqd6iwUl2kgjTm4CZAf6oo5mHK7BPqx3rKgx893YSsy0LGHV6gfqqQvZt/8xM8xeOnfXBCfqclMKkJ5g==}
     dependencies:
@@ -11291,6 +11730,7 @@ packages:
       '@esbuild/win32-arm64': 0.19.2
       '@esbuild/win32-ia32': 0.19.2
       '@esbuild/win32-x64': 0.19.2
+    dev: false
 
   /escalade@3.1.1:
     resolution: {integrity: sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==}
@@ -12400,6 +12840,10 @@ packages:
     engines: {node: 6.* || 8.* || >= 10.*}
     dev: false
 
+  /get-func-name@2.0.2:
+    resolution: {integrity: sha512-8vXOvuE167CtIc3OyItco7N/dpRtBbYOsPsXCz7X/PMnlGjYjSGuZJgM1Y7mmew7BKf9BqvLX2tnOVy1BBUsxQ==}
+    dev: true
+
   /get-intrinsic@1.2.2:
     resolution: {integrity: sha512-0gSo4ml/0j98Y3lngkFEot/zhiCeWsbYIlZ+uZOVgzLyLaUw7wxUL+nCTP0XJvJg1AXulJRI3UJi8GsbDuxdGA==}
     dependencies:
@@ -14693,6 +15137,12 @@ packages:
     dependencies:
       js-tokens: 4.0.0
 
+  /loupe@2.3.7:
+    resolution: {integrity: sha512-zSMINGVYkdpYSOBmLi0D1Uo7JU9nVdQKrHxC8eYlV+9YKK9WePqAlL7lSlorG/U2Fw1w0hTBmaa/jrQ3UbPHtA==}
+    dependencies:
+      get-func-name: 2.0.2
+    dev: true
+
   /lower-case-first@1.0.2:
     resolution: {integrity: sha512-UuxaYakO7XeONbKrZf5FEgkantPf5DUqDayzP5VXZrtRPdH86s4kN47I8B3TW10S4QKiE3ziHNf3kRN//okHjA==}
     dependencies:
@@ -14749,6 +15199,11 @@ packages:
     engines: {node: '>=12'}
     dev: false
 
+  /lz-string@1.5.0:
+    resolution: {integrity: sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==}
+    hasBin: true
+    dev: true
+
   /magic-string@0.30.5:
     resolution: {integrity: sha512-7xlpfBaQaP/T6Vh8MO/EqXSW5En6INHEvEXQiuff7Gku0PWjU3uf6w/j9o7O+SpB5fOAkrI5HeoNgwjEO0pFsA==}
     engines: {node: '>=12'}
@@ -16136,6 +16591,10 @@ packages:
     resolution: {integrity: sha512-d+RQGp0MAYTIaDBIMmOfMwz3E+LOZnxx1HZd5R18mmCZY0QBlK0LDZfPc8FW8Ed2DlvsuE6PRjroDY+wg4+j/Q==}
     dev: true
 
+  /pathval@1.1.1:
+    resolution: {integrity: sha512-Dp6zGqpTdETdR63lehJYPeIOqpiNBNtc7BpWSLrOje7UaIsE5aY92r/AunQA7rsXvet3lrJ3JnZX29UPTKXyKQ==}
+    dev: true
+
   /pause@0.0.1:
     resolution: {integrity: sha512-KG8UEiEVkR3wGEb4m5yZkVCzigAD+cVEJck2CzYZO37ZGJfctvVptVO192MwrtPhzONn6go8ylnOdMhKqi4nfg==}
     dev: false
@@ -16622,6 +17081,24 @@ packages:
       lodash: 4.17.21
       renderkid: 3.0.0
 
+  /pretty-format@27.5.1:
+    resolution: {integrity: sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==}
+    engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0}
+    dependencies:
+      ansi-regex: 5.0.1
+      ansi-styles: 5.2.0
+      react-is: 17.0.2
+    dev: true
+
+  /pretty-format@29.7.0:
+    resolution: {integrity: sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==}
+    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
+    dependencies:
+      '@jest/schemas': 29.6.3
+      ansi-styles: 5.2.0
+      react-is: 18.2.0
+    dev: true
+
   /pretty-hrtime@1.0.3:
     resolution: {integrity: sha512-66hKPCr+72mlfiSjlEB1+45IjXSqvVAIy6mocupoww4tBFE9R9IhwwUGoI4G++Tc9Aq+2rxOt0RFU6gPcrte0A==}
     engines: {node: '>= 0.8'}
@@ -16891,6 +17368,16 @@ packages:
       react-jss: 10.10.0(react@18.2.0)
     dev: false
 
+  /react-confetti@6.1.0(react@18.2.0):
+    resolution: {integrity: sha512-7Ypx4vz0+g8ECVxr88W9zhcQpbeujJAVqL14ZnXJ3I23mOI9/oBVTQ3dkJhUmB0D6XOtCZEM6N0Gm9PMngkORw==}
+    engines: {node: '>=10.18'}
+    peerDependencies:
+      react: ^16.3.0 || ^17.0.1 || ^18.0.0
+    dependencies:
+      react: 18.2.0
+      tween-functions: 1.2.0
+    dev: true
+
   /react-copy-to-clipboard@5.1.0(react@18.2.0):
     resolution: {integrity: sha512-k61RsNgAayIJNoy9yDsYzDe/yAZAzEbEgcz3DZMhF686LEyukcE1hzurxe85JandPUG+yTfGVFzuEw3xt8WP/A==}
     peerDependencies:
@@ -17105,6 +17592,10 @@ packages:
   /react-is@16.13.1:
     resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
 
+  /react-is@17.0.2:
+    resolution: {integrity: sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==}
+    dev: true
+
   /react-is@18.1.0:
     resolution: {integrity: sha512-Fl7FuabXsJnV5Q1qIOQwx/sagGF18kogb4gpfcG4gjLBWO0WDiiz1ko/ExayuxE7InyQkBLkxRFG5oxY6Uu3Kg==}
     dev: true
@@ -17462,6 +17953,14 @@ packages:
       resolve: 1.22.8
     dev: false
 
+  /redent@3.0.0:
+    resolution: {integrity: sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==}
+    engines: {node: '>=8'}
+    dependencies:
+      indent-string: 4.0.0
+      strip-indent: 3.0.0
+    dev: true
+
   /redux-thunk@2.4.2(redux@4.2.1):
     resolution: {integrity: sha512-+P3TjtnP0k/FEjcBL5FZpoovtvrTNT/UXd4/sluaSyrURlSlhLSzEdfsTBW7WsKB6yPvgd7q/iZPICFjW4o57Q==}
     peerDependencies:
@@ -18472,6 +18971,13 @@ packages:
     resolution: {integrity: sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==}
     engines: {node: '>= 0.8'}
 
+  /stop-iteration-iterator@1.0.0:
+    resolution: {integrity: sha512-iCGQj+0l0HOdZ2AEeBADlsRC+vsnDsZsbdSiH1yNSjcfKM7fdpCMfqAL/dwF5BLiw/XhRft/Wax6zQbhq2BcjQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      internal-slot: 1.0.6
+    dev: true
+
   /store2@2.14.2:
     resolution: {integrity: sha512-siT1RiqlfQnGqgT/YzXVUNsom9S0H1OX+dpdGN1xkyYATo4I6sep5NmsRD/40s3IIOvlCq6akxkqG82urIZW1w==}
     dev: true
@@ -18826,6 +19332,13 @@ packages:
     engines: {node: '>=12'}
     dev: false
 
+  /strip-indent@3.0.0:
+    resolution: {integrity: sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==}
+    engines: {node: '>=8'}
+    dependencies:
+      min-indent: 1.0.1
+    dev: true
+
   /strip-indent@4.0.0:
     resolution: {integrity: sha512-mnVSV2l+Zv6BLpSD/8V87CW/y9EmmbYzGCIavsnsI6/nwn26DwffM/yztm30Z/I2DY9wdS3vXVCMnHDgZaVNoA==}
     engines: {node: '>=12'}
@@ -19202,6 +19715,7 @@ packages:
       serialize-javascript: 6.0.1
       terser: 5.26.0
       webpack: 5.89.0(esbuild@0.19.2)
+    dev: false
 
   /terser@5.26.0:
     resolution: {integrity: sha512-dytTGoE2oHgbNV9nTzgBEPaqAWvcJNl66VZ0BkJqlvp71IjO8CxdBx/ykCNb47cLnCmCvRZ6ZR0tLkqvZCdVBQ==}
@@ -19286,6 +19800,11 @@ packages:
   /tiny-warning@1.0.3:
     resolution: {integrity: sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA==}
 
+  /tinyspy@2.2.0:
+    resolution: {integrity: sha512-d2eda04AN/cPOR89F7Xv5bK/jrQEhmcLFe6HFldoeO9AJtps+fqEnh486vnT/8y4bw38pSyxDcTCAq+Ks2aJTg==}
+    engines: {node: '>=14.0.0'}
+    dev: true
+
   /title-case@2.1.1:
     resolution: {integrity: sha512-EkJoZ2O3zdCz3zJsYCsxyq2OC5hrxR9mfdd5I+w8h/tmFfeOxJ+vvkxsKxdmN0WtS9zLdHEgfgVOiMVgv+Po4Q==}
     dependencies:
@@ -19517,6 +20036,10 @@ packages:
     dependencies:
       safe-buffer: 5.2.1
 
+  /tween-functions@1.2.0:
+    resolution: {integrity: sha512-PZBtLYcCLtEcjL14Fzb1gSxPBeL7nWvGhO5ZFPGqziCcr8uvHp0NDmdjBchp6KHL+tExcg0m3NISmKxhU394dA==}
+    dev: true
+
   /type-check@0.4.0:
     resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
     engines: {node: '>= 0.8.0'}
@@ -19524,6 +20047,11 @@ packages:
       prelude-ls: 1.2.1
     dev: true
 
+  /type-detect@4.0.8:
+    resolution: {integrity: sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==}
+    engines: {node: '>=4'}
+    dev: true
+
   /type-fest@0.16.0:
     resolution: {integrity: sha512-eaBzG6MxNzEn9kiwvtre90cXaNLkmadMWa1zQMs3XORCXNbsH/OewwbxC5ia9dCxIxnTAsSxXJaa/p5y8DlvJg==}
     engines: {node: '>=10'}
@@ -20062,7 +20590,7 @@ packages:
       mime-types: 2.1.35
       range-parser: 1.2.1
       schema-utils: 4.2.0
-      webpack: 5.89.0(esbuild@0.19.2)
+      webpack: 5.89.0(@swc/core@1.3.101)(esbuild@0.18.20)
 
   /webpack-hot-middleware@2.25.4:
     resolution: {integrity: sha512-IRmTspuHM06aZh98OhBJtqLpeWFM8FXJS5UYpKYxCJzyFoyWj1w6VGFfomZU7OPA55dMLrQK0pRT1eQ3PACr4w==}
@@ -20167,6 +20695,7 @@ packages:
       - '@swc/core'
       - esbuild
       - uglify-js
+    dev: false
 
   /whatwg-encoding@2.0.0:
     resolution: {integrity: sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==}

From 2d256bf5b76e34b972a5f6f3a7ba40625f407b79 Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Thu, 4 Jan 2024 18:04:01 +0000
Subject: [PATCH 02/66] avatar stories

---
 .../ui/atoms/avatar/avatar.stories.tsx        | 222 +-----------------
 .../src/components/ui/atoms/avatar/index.tsx  |   4 +-
 2 files changed, 15 insertions(+), 211 deletions(-)

diff --git a/apps/www/src/components/ui/atoms/avatar/avatar.stories.tsx b/apps/www/src/components/ui/atoms/avatar/avatar.stories.tsx
index f78ca2f5..f56f41f3 100644
--- a/apps/www/src/components/ui/atoms/avatar/avatar.stories.tsx
+++ b/apps/www/src/components/ui/atoms/avatar/avatar.stories.tsx
@@ -1,236 +1,38 @@
-import {ButtonPropsImpl, buttonAlignments, buttonShapes, buttonSizes, buttonTones, buttonVariants} from './button.model'
-import Button from './index'
+import Avatar, {AvatarProps, avatarSizes} from './index'
 import type {Meta} from '@storybook/react'
 
 const meta = {
-  title: 'components/Atoms/Button',
-  component: Button,
+  title: 'components/Atoms/Avatar',
+  component: Avatar,
   tags: ['autodocs'],
   argTypes: {
-    tone: {
-      options: buttonTones,
-      control: {type: 'select'}
-    },
-    variant: {
-      options: buttonVariants,
-      control: {type: 'select'}
-    },
     size: {
-      options: buttonSizes,
-      control: {type: 'select'}
-    },
-    shape: {
-      options: buttonShapes,
-      control: {type: 'select'}
-    },
-    align: {
-      options: buttonAlignments,
+      options: avatarSizes,
       control: {type: 'select'}
-    },
-    disabled: {
-      control: {type: 'boolean'}
-    },
-    loading: {
-      control: {type: 'boolean'}
     }
   },
   args: {
-    tone: 'primary',
-    variant: 'default',
-    size: 'medium',
-    shape: 'rounded',
-    align: 'center',
-    disabled: false,
-    loading: false
+    size: 'sm'
   }
-} satisfies Meta<typeof Button>
+} satisfies Meta<typeof Avatar>
 
 export default meta
 
 export const Default = {
   name: 'Default',
-  render: (args: ButtonPropsImpl) => <Button {...args}>Default</Button>
-}
-
-export const Variants = {
-  name: 'Variants',
-  render: (args: ButtonPropsImpl) => (
-    <div className='flex space-x-2'>
-      {buttonTones.map((tone) => (
-        <Button
-          key={tone}
-          {...args}
-          tone={tone}
-        >
-          {tone}
-        </Button>
-      ))}
-    </div>
-  )
-}
-
-export const VariantsLinks = {
-  name: 'Variants - Link',
-  render: (args: ButtonPropsImpl) => (
-    <div className='flex space-x-2'>
-      {buttonTones.map((tone) => (
-        <Button
-          key={tone}
-          {...args}
-          variant='link'
-          tone={tone}
-        >
-          {tone}
-        </Button>
-      ))}
-    </div>
-  )
-}
-
-export const VariantsGhosts = {
-  name: 'Variants - Ghost',
-  render: (args: ButtonPropsImpl) => (
-    <div className='flex space-x-2'>
-      {buttonTones.map((tone) => (
-        <Button
-          key={tone}
-          {...args}
-          variant='ghost'
-          tone={tone}
-        >
-          {tone}
-        </Button>
-      ))}
-    </div>
-  )
+  render: (args: AvatarProps) => <Avatar {...args} />
 }
 
 export const Sizes = {
   name: 'Sizes',
-  render: (args: ButtonPropsImpl) => (
-    <div className='flex items-center space-x-2'>
-      {buttonSizes.map((size) => (
-        <Button
+  render: (args: AvatarProps) => (
+    <div className='flex space-x-2 items-center'>
+      {avatarSizes.map((size) => (
+        <Avatar
           key={size}
           {...args}
           size={size}
-        >
-          {size}
-        </Button>
-      ))}
-    </div>
-  )
-}
-
-export const Shapes = {
-  name: 'Shapes',
-  render: (args: ButtonPropsImpl) => (
-    <div className='flex space-x-2'>
-      {buttonShapes.map((shape) => (
-        <Button
-          key={shape}
-          {...args}
-          shape={shape}
-        >
-          {shape}
-        </Button>
-      ))}
-    </div>
-  )
-}
-
-export const Alignments = {
-  name: 'Alignments',
-  render: (args: ButtonPropsImpl) => (
-    <div className='flex flex-col'>
-      {buttonAlignments.map((alignment, i) => {
-        return (
-          <div
-            key={i}
-            className={`flex flex-col py-4 space-y-2 ${i < buttonAlignments.length - 1 ? 'border-b' : ''}`}
-          >
-            <Button
-              {...args}
-              leading={<span className='pr-2'>leading</span>}
-              align={alignment}
-            >
-              {alignment}
-            </Button>
-            <Button
-              {...args}
-              align={alignment}
-            >
-              {alignment}
-            </Button>
-            <Button
-              {...args}
-              trailing={<span className='pl-2'>trailing</span>}
-              align={alignment}
-            >
-              {alignment}
-            </Button>
-          </div>
-        )
-      })}
-    </div>
-  )
-}
-
-export const leading = {
-  name: 'With leading',
-  render: (args: ButtonPropsImpl) => (
-    <Button
-      {...args}
-      leading={<span className='pr-2'>With leading</span>}
-    >
-      Button
-    </Button>
-  )
-}
-
-export const trailing = {
-  name: 'With trailing',
-  render: (args: ButtonPropsImpl) => (
-    <Button
-      {...args}
-      trailing={<span className='pl-2'>With trailing</span>}
-    >
-      Button
-    </Button>
-  )
-}
-
-export const Loading = {
-  name: 'Loading',
-  render: (args: ButtonPropsImpl) => (
-    <div className='flex space-x-2'>
-      {buttonTones.map((tone) => (
-        <Button
-          key={tone}
-          {...args}
-          tone={tone}
-          loading
-        >
-          {tone}
-        </Button>
-      ))}
-    </div>
-  )
-}
-
-export const Disabled = {
-  name: 'Disabled',
-  render: (args: ButtonPropsImpl) => (
-    <div className='flex space-x-2'>
-      {buttonTones.map((tone) => (
-        <Button
-          key={tone}
-          {...args}
-          tone={tone}
-          disabled
-        >
-          {tone}
-        </Button>
+        />
       ))}
     </div>
   )
diff --git a/apps/www/src/components/ui/atoms/avatar/index.tsx b/apps/www/src/components/ui/atoms/avatar/index.tsx
index 134d9430..179f5ad6 100644
--- a/apps/www/src/components/ui/atoms/avatar/index.tsx
+++ b/apps/www/src/components/ui/atoms/avatar/index.tsx
@@ -2,8 +2,10 @@ import {ImageProps} from '@/models/image.model'
 import {cn} from '@/utils/toolbox'
 import Image from 'next/image'
 
+export const avatarSizes = ['sm', 'md', 'lg', 'xl'] as const
+
 export type AvatarProps = {
-  size: 'sm' | 'md' | 'lg' | 'xl'
+  size: (typeof avatarSizes)[number]
   image: ImageProps
 }
 

From 36b452de951bfcfe62b9e98675ec899084c225ef Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Thu, 4 Jan 2024 18:04:09 +0000
Subject: [PATCH 03/66] badge stories

---
 .../ui/atoms/badge/badge.stories.tsx          | 46 +++++++++++++++++++
 .../src/components/ui/atoms/badge/index.tsx   |  7 ++-
 2 files changed, 51 insertions(+), 2 deletions(-)
 create mode 100644 apps/www/src/components/ui/atoms/badge/badge.stories.tsx

diff --git a/apps/www/src/components/ui/atoms/badge/badge.stories.tsx b/apps/www/src/components/ui/atoms/badge/badge.stories.tsx
new file mode 100644
index 00000000..06cc30de
--- /dev/null
+++ b/apps/www/src/components/ui/atoms/badge/badge.stories.tsx
@@ -0,0 +1,46 @@
+import {BadgeProps, badgeColors} from './index'
+import Badge from './index'
+import type {Meta} from '@storybook/react'
+
+const meta = {
+  title: 'components/Atoms/Badge',
+  component: Badge,
+  tags: ['autodocs'],
+  argTypes: {
+    children: {
+      control: {type: 'string'}
+    },
+    color: {
+      options: badgeColors,
+      control: {type: 'select'}
+    }
+  },
+  args: {
+    children: 'Badge',
+    color: 'default'
+  }
+} satisfies Meta<typeof Badge>
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  render: (args: BadgeProps) => <Badge {...args} />
+}
+
+export const Sizes = {
+  name: 'Sizes',
+  render: (args: BadgeProps) => (
+    <div className='flex space-x-2 items-center'>
+      {badgeColors.map((color) => (
+        <Badge
+          key={color}
+          {...args}
+          color={color}
+        >
+          {color}
+        </Badge>
+      ))}
+    </div>
+  )
+}
diff --git a/apps/www/src/components/ui/atoms/badge/index.tsx b/apps/www/src/components/ui/atoms/badge/index.tsx
index f658fde8..2c3af0a2 100644
--- a/apps/www/src/components/ui/atoms/badge/index.tsx
+++ b/apps/www/src/components/ui/atoms/badge/index.tsx
@@ -1,8 +1,11 @@
+import {ReactNode} from 'react'
 import {cn} from '@/utils/toolbox'
 
+export const badgeColors = ['default', 'red', 'green', 'blue', 'yellow', 'brown', 'orange', 'purple', 'pink'] as const
+
 export type BadgeProps = {
-  children: string
-  color?: 'default' | 'red' | 'green' | 'blue' | 'yellow' | 'brown' | 'orange' | 'purple' | 'pink'
+  children: ReactNode
+  color?: (typeof badgeColors)[number]
   className?: string
 }
 

From 3a315dce6363ed9abd220e45480e03d2cf7d1b78 Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Thu, 4 Jan 2024 18:04:24 +0000
Subject: [PATCH 04/66] dynamic images stories

---
 .../dynamic-image/dynamic-image.stories.tsx   | 28 +++++++++++++++++++
 .../ui/atoms/dynamic-image/index.tsx          |  2 +-
 2 files changed, 29 insertions(+), 1 deletion(-)
 create mode 100644 apps/www/src/components/ui/atoms/dynamic-image/dynamic-image.stories.tsx

diff --git a/apps/www/src/components/ui/atoms/dynamic-image/dynamic-image.stories.tsx b/apps/www/src/components/ui/atoms/dynamic-image/dynamic-image.stories.tsx
new file mode 100644
index 00000000..fe9af079
--- /dev/null
+++ b/apps/www/src/components/ui/atoms/dynamic-image/dynamic-image.stories.tsx
@@ -0,0 +1,28 @@
+import {faker} from '@faker-js/faker'
+import DynamicImage, {DynamicImageProps} from './index'
+import type {Meta} from '@storybook/react'
+
+const meta = {
+  title: 'components/Atoms/DynamicImage',
+  component: DynamicImage,
+  tags: ['autodocs'],
+  argTypes: {
+    src: {
+      control: 'text'
+    },
+    maxHeight: {
+      control: 'number'
+    }
+  },
+  args: {
+    src: faker.image.url(),
+    maxHeight: 418
+  }
+} satisfies Meta<typeof DynamicImage>
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  render: (args: DynamicImageProps) => <DynamicImage {...args} />
+}
diff --git a/apps/www/src/components/ui/atoms/dynamic-image/index.tsx b/apps/www/src/components/ui/atoms/dynamic-image/index.tsx
index c38ffe45..c530f4e3 100644
--- a/apps/www/src/components/ui/atoms/dynamic-image/index.tsx
+++ b/apps/www/src/components/ui/atoms/dynamic-image/index.tsx
@@ -9,7 +9,7 @@ export type DynamicImageProps = Partial<ImageProps> & {
   maxHeight?: number
 }
 
-export function DynamicImage(props: DynamicImageProps) {
+export default function DynamicImage(props: DynamicImageProps) {
   const [dimensions, setDimensions] = React.useState({width: 0, height: 0})
 
   useEffect(() => {

From 51c13da1df517c189a56eb2c0b9d5b27c4a95fac Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Thu, 4 Jan 2024 18:04:33 +0000
Subject: [PATCH 05/66] icon stories

---
 .../components/ui/atoms/icon/icon.stories.tsx | 77 +++++++++++++++++++
 .../src/components/ui/atoms/icon/index.tsx    |  2 +-
 2 files changed, 78 insertions(+), 1 deletion(-)
 create mode 100644 apps/www/src/components/ui/atoms/icon/icon.stories.tsx

diff --git a/apps/www/src/components/ui/atoms/icon/icon.stories.tsx b/apps/www/src/components/ui/atoms/icon/icon.stories.tsx
new file mode 100644
index 00000000..a69eb427
--- /dev/null
+++ b/apps/www/src/components/ui/atoms/icon/icon.stories.tsx
@@ -0,0 +1,77 @@
+import {iconNames, iconTypes} from '@/models/icon.model'
+import Icon, {IconProps} from './index'
+import type {Meta} from '@storybook/react'
+
+const meta = {
+  title: 'components/Atoms/Icon',
+  component: Icon,
+  tags: ['autodocs'],
+  argTypes: {
+    type: {
+      options: iconTypes,
+      control: 'select'
+    },
+    name: {
+      options: iconNames,
+      control: 'select'
+    }
+  },
+  args: {
+    name: iconNames[0],
+    type: iconTypes[0]
+  }
+} satisfies Meta<typeof Icon>
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  render: (args: IconProps) => (
+    <Icon
+      {...args}
+      className='w-8 h-8'
+    />
+  )
+}
+
+export const OutlineIcons = {
+  name: 'Outline Icons',
+  render: () => (
+    <div className='grid grid-cols-4'>
+      {iconNames.map((name) => (
+        <div
+          key={name}
+          className='flex flex-col items-center'
+        >
+          <Icon
+            name={name}
+            type='outline'
+            className='w-8 h-8 m-2'
+          />
+          <p className='text-white text-xs'>{name}</p>
+        </div>
+      ))}
+    </div>
+  )
+}
+
+export const SolidIcons = {
+  name: 'Solid Icons',
+  render: () => (
+    <div className='grid grid-cols-4'>
+      {iconNames.map((name) => (
+        <div
+          key={name}
+          className='flex flex-col items-center text-white'
+        >
+          <Icon
+            name={name}
+            type='solid'
+            className='w-8 h-8 m-2'
+          />
+          <p className='text-xs'>{name}</p>
+        </div>
+      ))}
+    </div>
+  )
+}
diff --git a/apps/www/src/components/ui/atoms/icon/index.tsx b/apps/www/src/components/ui/atoms/icon/index.tsx
index cb879f33..3ab5adab 100644
--- a/apps/www/src/components/ui/atoms/icon/index.tsx
+++ b/apps/www/src/components/ui/atoms/icon/index.tsx
@@ -587,6 +587,7 @@ import {
   XMarkIcon as XMarkIconSolid
 } from '@heroicons/react/24/solid'
 import {IconType} from '@/models/icon.model'
+import color from 'tailwindcss/colors'
 
 export type IconProps = IconType & React.ComponentPropsWithoutRef<'svg'>
 
@@ -1176,7 +1177,6 @@ const icons = {
   XCircleIconSolid,
   XMarkIconSolid
 }
-import color from 'tailwindcss/colors'
 
 export default function Icon({name, type, ...props}: IconProps) {
   const Comp = icons[`${name}${type === 'solid' ? 'Solid' : 'Outline'}` as keyof typeof icons]

From dfbf2e6ba7152abaadac4910cffae6f6505c9e83 Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Thu, 4 Jan 2024 18:04:42 +0000
Subject: [PATCH 06/66] checkbox stories

---
 .../inputs/checkbox/checkbox.stories.tsx      | 31 ++++++++++++
 .../ui/atoms/inputs/checkbox/index.tsx        | 47 ++++++++++---------
 2 files changed, 56 insertions(+), 22 deletions(-)
 create mode 100644 apps/www/src/components/ui/atoms/inputs/checkbox/checkbox.stories.tsx

diff --git a/apps/www/src/components/ui/atoms/inputs/checkbox/checkbox.stories.tsx b/apps/www/src/components/ui/atoms/inputs/checkbox/checkbox.stories.tsx
new file mode 100644
index 00000000..cb4b4558
--- /dev/null
+++ b/apps/www/src/components/ui/atoms/inputs/checkbox/checkbox.stories.tsx
@@ -0,0 +1,31 @@
+import {faker} from '@faker-js/faker'
+import Checkbox, {CheckboxProps} from './index'
+import type {Meta} from '@storybook/react'
+
+const meta = {
+  title: 'components/Atoms/inputs/Checkbox',
+  component: Checkbox,
+  tags: ['autodocs'],
+  argTypes: {
+    id: {
+      control: 'text'
+    },
+    label: {
+      control: 'text'
+    },
+    className: {
+      control: 'text'
+    }
+  },
+  args: {
+    id: faker.lorem.word(),
+    label: faker.lorem.sentence()
+  }
+} satisfies Meta<typeof Checkbox>
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  render: (args: CheckboxProps) => <Checkbox {...args} />
+}
diff --git a/apps/www/src/components/ui/atoms/inputs/checkbox/index.tsx b/apps/www/src/components/ui/atoms/inputs/checkbox/index.tsx
index 048f28d4..4e303ba5 100644
--- a/apps/www/src/components/ui/atoms/inputs/checkbox/index.tsx
+++ b/apps/www/src/components/ui/atoms/inputs/checkbox/index.tsx
@@ -1,30 +1,33 @@
-import {FieldValues, RegisterOptions, UseFormRegister} from 'react-hook-form'
 import {cn} from '@/utils/toolbox'
+import {forwardRef} from 'react'
 
 export type CheckboxProps = {
-  register: UseFormRegister<FieldValues>
   id: string
-  name: string
   label: string
-  options?: RegisterOptions<FieldValues>
   className?: string
 }
 
-export function Checkbox({register, id, name, label, options, className}: CheckboxProps) {
-  return (
-    <div className={cn(className, 'flex mb-4 sm:mb-5 text-xs min-[1700px]:text-sm gap-x-3')}>
-      <input
-        {...register(name, options)}
-        type='checkbox'
-        id={id}
-        className='w-3 h-3 mt-1 rounded-sm focus:ring-offset-0 focus:ring-1 bg-slate-900'
-      />
-      <label
-        htmlFor={id}
-        className='text-sm font-light text-slate-400'
-      >
-        {label}
-      </label>
-    </div>
-  )
-}
+const Checkbox = forwardRef<HTMLInputElement, CheckboxProps & Omit<JSX.IntrinsicElements['input'], 'type'>>(
+  ({id, label, className, ...other}, ref) => {
+    return (
+      <div className={cn(className, 'flex mb-4 sm:mb-5 text-xs min-[1700px]:text-sm gap-x-3')}>
+        <input
+          ref={ref}
+          {...other}
+          type='checkbox'
+          id={id}
+          className='w-3 h-3 mt-1 rounded-sm focus:ring-offset-0 focus:ring-1 bg-slate-900'
+        />
+        <label
+          htmlFor={id}
+          className='text-sm font-light text-slate-400'
+        >
+          {label}
+        </label>
+      </div>
+    )
+  }
+)
+Checkbox.displayName = 'Checkbox'
+
+export default Checkbox

From 906cccccf8bfc4f15eda6a96d5cd8f35ecd14b2a Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Thu, 4 Jan 2024 18:04:53 +0000
Subject: [PATCH 07/66] input stories

---
 .../ui/atoms/inputs/input/index.tsx           | 77 ++++++++++---------
 .../ui/atoms/inputs/input/input.stories.tsx   | 41 ++++++++++
 2 files changed, 81 insertions(+), 37 deletions(-)
 create mode 100644 apps/www/src/components/ui/atoms/inputs/input/input.stories.tsx

diff --git a/apps/www/src/components/ui/atoms/inputs/input/index.tsx b/apps/www/src/components/ui/atoms/inputs/input/index.tsx
index b928ed6e..20e75ae5 100644
--- a/apps/www/src/components/ui/atoms/inputs/input/index.tsx
+++ b/apps/www/src/components/ui/atoms/inputs/input/index.tsx
@@ -1,47 +1,50 @@
-import {FieldError, FieldErrorsImpl, FieldValues, Merge, RegisterOptions, UseFormRegister} from 'react-hook-form'
 import {HTMLInputTypeAttribute} from 'react'
 import {cn} from '@/utils/toolbox'
+import React, {forwardRef} from 'react'
 
 export type InputProps = {
-  register: UseFormRegister<FieldValues>
-  name: string
-  options?: RegisterOptions<FieldValues>
+  id: string
   label: string
   className?: string
   type?: HTMLInputTypeAttribute
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  error?: FieldError | Merge<FieldError, FieldErrorsImpl<any>> | undefined
+  error?: string
 }
 
-export function Input({register, name, options, label, className, type = 'text', error}: InputProps) {
-  return (
-    <div className={className}>
-      <label
-        htmlFor={name}
-        className='block text-base font-normal leading-6 text-white'
-      >
-        {label}
-      </label>
-      <div className='mt-2.5'>
-        <input
-          type={type}
-          {...register(name, options)}
-          id={name}
-          className={cn(
-            'block w-full rounded-md border-0 bg-slate-900 px-3.5 py-2 text-slate-400 font-light shadow-sm ring-1 \
-            ring-inset ring-slate-700/60 focus:ring-2 focus:ring-inset focus:ring-primary-500 sm:text-sm sm:leading-6',
-            error && 'text-red-900 ring-red-500 focus:ring-red-500'
-          )}
-        />
-        {error ? (
-          <p
-            className='mt-2 text-sm text-red-600'
-            id='email-error'
-          >
-            {error.message?.toString()}
-          </p>
-        ) : null}
+const Input = forwardRef<HTMLInputElement, InputProps & Omit<JSX.IntrinsicElements['input'], 'type'>>(
+  ({id, label, className, type = 'text', error, ...other}, ref) => {
+    return (
+      <div className={className}>
+        <label
+          htmlFor={id}
+          className='block text-base font-normal leading-6 text-white'
+        >
+          {label}
+        </label>
+        <div className='mt-2.5'>
+          <input
+            type={type}
+            id={id}
+            ref={ref}
+            {...other}
+            className={cn(
+              'block w-full rounded-md border-0 bg-slate-900 px-3.5 py-2 text-slate-400 font-light shadow-sm ring-1 \
+              ring-inset ring-slate-700/60 focus:ring-2 focus:ring-inset focus:ring-primary-500 sm:text-sm sm:leading-6',
+              error && 'text-red-900 ring-red-500 focus:ring-red-500'
+            )}
+          />
+          {error ? (
+            <p
+              className='mt-2 text-sm text-red-600'
+              id={`${id}-error`}
+            >
+              {error}
+            </p>
+          ) : null}
+        </div>
       </div>
-    </div>
-  )
-}
+    )
+  }
+)
+Input.displayName = 'Input'
+
+export default Input
diff --git a/apps/www/src/components/ui/atoms/inputs/input/input.stories.tsx b/apps/www/src/components/ui/atoms/inputs/input/input.stories.tsx
new file mode 100644
index 00000000..acf0ac70
--- /dev/null
+++ b/apps/www/src/components/ui/atoms/inputs/input/input.stories.tsx
@@ -0,0 +1,41 @@
+import {faker} from '@faker-js/faker'
+import Input, {InputProps} from './index'
+import type {Meta} from '@storybook/react'
+
+const meta = {
+  title: 'components/Atoms/inputs/Input',
+  component: Input,
+  tags: ['autodocs'],
+  argTypes: {
+    id: {
+      control: 'text'
+    },
+    label: {
+      control: 'text'
+    },
+    className: {
+      control: 'text'
+    }
+  },
+  args: {
+    id: faker.lorem.word(),
+    label: faker.lorem.sentence()
+  }
+} satisfies Meta<typeof Input>
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  render: (args: InputProps) => <Input {...args} />
+}
+
+export const WithError = {
+  name: 'With error',
+  render: (args: InputProps) => (
+    <Input
+      {...args}
+      error='Oops something went wrong'
+    />
+  )
+}

From 072e4c142724bfab1bf0e3a4bc054d70df746652 Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Thu, 4 Jan 2024 18:05:05 +0000
Subject: [PATCH 08/66] textarea stories

---
 .../ui/atoms/inputs/textarea/index.tsx        | 68 +++++++++++--------
 .../atoms/inputs/textarea/input.stories.tsx   | 41 +++++++++++
 2 files changed, 79 insertions(+), 30 deletions(-)
 create mode 100644 apps/www/src/components/ui/atoms/inputs/textarea/input.stories.tsx

diff --git a/apps/www/src/components/ui/atoms/inputs/textarea/index.tsx b/apps/www/src/components/ui/atoms/inputs/textarea/index.tsx
index 40cca385..ec3e7ea1 100644
--- a/apps/www/src/components/ui/atoms/inputs/textarea/index.tsx
+++ b/apps/www/src/components/ui/atoms/inputs/textarea/index.tsx
@@ -1,37 +1,45 @@
 import {InputProps} from '../input'
 import {cn} from '@/utils/toolbox'
+import {forwardRef} from 'react'
 
 export type TextAreaProps = InputProps
 
-export function TextArea({register, name, options, label, className, error}: TextAreaProps) {
-  return (
-    <div className={className}>
-      <label
-        htmlFor={name}
-        className='block text-base font-normal leading-6 text-white'
-      >
-        {label}
-      </label>
-      <div className='mt-2.5'>
-        <textarea
-          {...register(name, options)}
-          rows={4}
-          className={cn(
-            'block w-full rounded-md border-0 bg-slate-900 px-3.5 py-2 text-slate-400 font-light shadow-sm ring-1 \
+const TextArea = forwardRef<HTMLTextAreaElement, InputProps & JSX.IntrinsicElements['textarea']>(
+  ({id, label, className, error, ...other}, ref) => {
+    return (
+      <div className={className}>
+        <label
+          htmlFor={id}
+          className='block text-base font-normal leading-6 text-white'
+        >
+          {label}
+        </label>
+        <div className='mt-2.5'>
+          <textarea
+            id={id}
+            ref={ref}
+            {...other}
+            rows={4}
+            className={cn(
+              'block w-full rounded-md border-0 bg-slate-900 px-3.5 py-2 text-slate-400 font-light shadow-sm ring-1 \
             ring-inset ring-slate-700/60 focus:ring-2 focus:ring-inset focus:ring-primary-500 sm:text-sm sm:leading-6',
-            className,
-            error && 'text-red-900 ring-red-500 focus:ring-red-500'
-          )}
-        />
-        {error ? (
-          <p
-            className='mt-2 text-sm text-red-600'
-            id='email-error'
-          >
-            {error.message?.toString()}
-          </p>
-        ) : null}
+              className,
+              error && 'text-red-900 ring-red-500 focus:ring-red-500'
+            )}
+          />
+          {error ? (
+            <p
+              className='mt-2 text-sm text-red-600'
+              id={`${id}-error`}
+            >
+              {error}
+            </p>
+          ) : null}
+        </div>
       </div>
-    </div>
-  )
-}
+    )
+  }
+)
+TextArea.displayName = 'TextArea'
+
+export default TextArea
diff --git a/apps/www/src/components/ui/atoms/inputs/textarea/input.stories.tsx b/apps/www/src/components/ui/atoms/inputs/textarea/input.stories.tsx
new file mode 100644
index 00000000..9f57da86
--- /dev/null
+++ b/apps/www/src/components/ui/atoms/inputs/textarea/input.stories.tsx
@@ -0,0 +1,41 @@
+import {faker} from '@faker-js/faker'
+import TextArea, {TextAreaProps} from './index'
+import type {Meta} from '@storybook/react'
+
+const meta = {
+  title: 'components/Atoms/Inputs/TextArea',
+  component: TextArea,
+  tags: ['autodocs'],
+  argTypes: {
+    id: {
+      control: 'text'
+    },
+    label: {
+      control: 'text'
+    },
+    className: {
+      control: 'text'
+    }
+  },
+  args: {
+    id: faker.lorem.word(),
+    label: faker.lorem.sentence()
+  }
+} satisfies Meta<typeof TextArea>
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  render: (args: TextAreaProps) => <TextArea {...args} />
+}
+
+export const WithError = {
+  name: 'With error',
+  render: (args: TextAreaProps) => (
+    <TextArea
+      {...args}
+      error='Oops something went wrong'
+    />
+  )
+}

From 03eca1c83bb85f89d1856d513313e1312bbe84f1 Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Thu, 4 Jan 2024 18:05:20 +0000
Subject: [PATCH 09/66] content-section stories

---
 .../content-section.stories.tsx               | 59 +++++++++++++++++++
 .../article/content-section/index.tsx         |  4 +-
 2 files changed, 60 insertions(+), 3 deletions(-)
 create mode 100644 apps/www/src/components/ui/molecules/article/content-section/content-section.stories.tsx

diff --git a/apps/www/src/components/ui/molecules/article/content-section/content-section.stories.tsx b/apps/www/src/components/ui/molecules/article/content-section/content-section.stories.tsx
new file mode 100644
index 00000000..e4da9177
--- /dev/null
+++ b/apps/www/src/components/ui/molecules/article/content-section/content-section.stories.tsx
@@ -0,0 +1,59 @@
+import {ImageProps} from '@/models/image.model'
+import {faker} from '@faker-js/faker'
+import ArticleContentSection, {ArticleContentSectionProps} from './index'
+import type {Meta} from '@storybook/react'
+
+const fakeImage: ImageProps = {
+  id: faker.number.int(),
+  caption: faker.lorem.words(3),
+  createdAt: faker.date.past().toISOString(),
+  updatedAt: faker.date.past().toISOString(),
+  ext: 'jpg',
+  folderPath: faker.system.filePath(),
+  name: faker.system.fileName(),
+  hash: faker.string.uuid(),
+  mime: faker.system.mimeType(),
+  placeholder: faker.image.url({width: 1000, height: 500}),
+  provider: 'local',
+  size: faker.number.int(),
+  alternateText: faker.lorem.words(3),
+  url: faker.image.url({width: 1000, height: 500}),
+  height: 500,
+  width: 1000
+}
+
+const meta = {
+  title: 'components/Molecules/article/content-section',
+  component: ArticleContentSection,
+  tags: ['autodocs'],
+  argTypes: {
+    // id: {
+    //   control: 'text'
+    // },
+    // label: {
+    //   control: 'text'
+    // },
+    // className: {
+    //   control: 'text'
+    // }
+  },
+  args: {
+    image: fakeImage,
+    tags: [],
+    title: faker.lorem.words(3),
+    content: faker.lorem.paragraphs(3),
+    publishedOn: faker.date.past().toISOString(),
+    author: {
+      name: faker.person.fullName(),
+      slug: faker.lorem.slug(),
+      avatar: fakeImage
+    }
+  }
+} satisfies Meta<typeof ArticleContentSection>
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  render: (args: ArticleContentSectionProps) => <ArticleContentSection {...args} />
+}
diff --git a/apps/www/src/components/ui/molecules/article/content-section/index.tsx b/apps/www/src/components/ui/molecules/article/content-section/index.tsx
index 1d370c1e..02d43142 100644
--- a/apps/www/src/components/ui/molecules/article/content-section/index.tsx
+++ b/apps/www/src/components/ui/molecules/article/content-section/index.tsx
@@ -33,9 +33,7 @@ export default function ArticleContentSection({
           <ArticleCover image={image} />
           <div className='w-full p-6 md:p-10'>
             <div className='flex flex-col-reverse justify-between md:items-center md:flex-row'>
-              <Suspense>
-                <PostTagList tags={tags} />
-              </Suspense>
+              <Suspense>{/* <PostTagList tags={tags} /> */}</Suspense>
               <div
                 className='flex flex-col items-center justify-center mb-10 overflow-hidden text-sm leading-6 \
                  text-gray-300 md:flex-row md:mb-0 gap-y-6'

From d8718e012a358fe6fad4d90f92620258062da1fc Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Thu, 4 Jan 2024 18:05:28 +0000
Subject: [PATCH 10/66] wip

---
 .../contact-split-with-pattern/index.tsx      | 164 ++++++++++++------
 apps/www/src/models/icon.model.ts             |   8 +-
 2 files changed, 114 insertions(+), 58 deletions(-)

diff --git a/apps/www/src/components/ui/organisms/contact-sections/contact-split-with-pattern/index.tsx b/apps/www/src/components/ui/organisms/contact-sections/contact-split-with-pattern/index.tsx
index 5e064880..bd0b81c5 100644
--- a/apps/www/src/components/ui/organisms/contact-sections/contact-split-with-pattern/index.tsx
+++ b/apps/www/src/components/ui/organisms/contact-sections/contact-split-with-pattern/index.tsx
@@ -1,19 +1,19 @@
 'use client'
 
 import {BuildingOffice2Icon, CheckCircleIcon} from '@heroicons/react/24/outline'
-import {Checkbox, CheckboxProps} from '@/components/ui/atoms/inputs/checkbox'
+import {Controller, FieldValues, RegisterOptions, useForm} from 'react-hook-form'
 import {Dictionary} from '@/models/dictionary.model'
-import {Input, InputProps} from '@/components/ui/atoms/inputs/input'
 import {LocationObject} from '@/models/location.model'
-import {TextArea, TextAreaProps} from '@/components/ui/atoms/inputs/textarea'
 import {contactUsFormData} from '@/models/contact-us-form-data.model'
 import {createHsformsPayload} from '@/utils/toolbox'
 import {sendEmail} from '@/utils/hubspot'
-import {useForm} from 'react-hook-form'
+import {useRouter} from 'next/navigation'
 import {useState} from 'react'
 import Button from '@/components/ui/atoms/button'
+import Checkbox, {CheckboxProps} from '@/components/ui/atoms/inputs/checkbox'
 import ConfettiExplosion from 'react-confetti-explosion'
-import Router from 'next/router'
+import Input, {InputProps} from '@/components/ui/atoms/inputs/input'
+import TextArea, {TextAreaProps} from '@/components/ui/atoms/inputs/textarea'
 
 export type ContactSplitWithPatternProps = {
   dictionary: Dictionary
@@ -23,67 +23,77 @@ export type ContactSplitWithPatternProps = {
 }
 
 export default function ContactSplitWithPattern(props: ContactSplitWithPatternProps) {
+  const Router = useRouter()
   const {
-    register,
+    control,
     handleSubmit,
     reset,
     formState: {errors}
-  } = useForm()
+  } = useForm({
+    defaultValues: {
+      firstName: '',
+      lastName: '',
+      email: '',
+      message: '',
+      legalConsent: false
+    }
+  })
   const [serverError, setServerError] = useState<string | null>(null)
   const [isExploding, setIsExploding] = useState(false)
   const [showThanksMessage, setShowThanksMessage] = useState(false)
 
-  const firstNameInput: InputProps = {
-    register,
-    name: 'firstName',
-    options: {
-      required: 'Your first name is required'
-    },
-
+  const firstNameInputName = 'firstName'
+  const firstNameInputProps: InputProps = {
+    id: firstNameInputName,
     label: props.dictionary.inputFirstName,
-    error: errors.firstName
+    error: errors.lastName?.message?.toString()
+  }
+  const firstNameInputRules: RegisterOptions<FieldValues, string> = {
+    required: 'Your first name is required'
   }
-  const lastNameInput: InputProps = {
-    register,
-    name: 'lastName',
-    options: {
-      required: 'Your last name is required'
-    },
+
+  const lastNameInputName = 'lastName'
+  const lastNameInputProps: InputProps = {
+    id: lastNameInputName,
     label: props.dictionary.inputLastName,
-    error: errors.lastName
+    error: errors.lastName?.message?.toString()
+  }
+  const lastNameInputRules: RegisterOptions<FieldValues, string> = {
+    required: 'Your last name is required'
   }
-  const emailInput: InputProps = {
-    register,
-    name: 'email',
-    options: {
-      required: 'An email is required',
-      pattern: {
-        value: /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i,
-        message: 'Email is invalid'
-      }
-    },
+
+  const emailInputName = 'email'
+  const emailInputProps: InputProps = {
+    id: emailInputName,
     label: props.dictionary.inputEmail,
-    error: errors.email
+    error: errors.email?.message?.toString()
+  }
+  const emailInputRules: RegisterOptions<FieldValues, string> = {
+    required: 'An email is required',
+    pattern: {
+      value: /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i,
+      message: 'Email is invalid'
+    }
   }
 
-  const messageInput: TextAreaProps = {
-    register,
-    name: 'message',
-    options: {
-      required: 'A message is required'
-    },
+  const messageInputName = 'message'
+  const messageInputProps: TextAreaProps = {
+    id: messageInputName,
     label: props.dictionary.inputMessage,
-    error: errors.message
+    error: errors.message?.message?.toString()
+  }
+  const messageInputRules: RegisterOptions<FieldValues, string> = {
+    required: 'A message is required'
   }
 
-  const legalConsentInput: CheckboxProps = {
-    register,
-    id: 'legalConsent',
-    name: 'legalConsent',
+  const legalConsentInputName = 'legalConsent'
+  const legalConsentInputProps: CheckboxProps = {
+    id: legalConsentInputName,
     label: props.dictionary.checkboxLegalConsent
   }
 
   async function onSubmit(data: contactUsFormData) {
+    console.log(data)
     try {
       await sendEmail(createHsformsPayload(data))
       Router.push('#contact-section')
@@ -158,19 +168,63 @@ export default function ContactSplitWithPattern(props: ContactSplitWithPatternPr
                     </div>
                   ) : null}
                   <div className='grid grid-cols-1 gap-x-5 gap-y-6 sm:grid-cols-2'>
-                    <Input {...firstNameInput} />
-                    <Input {...lastNameInput} />
-                    <Input
-                      {...emailInput}
-                      className='sm:col-span-2'
+                    <Controller
+                      name={firstNameInputName}
+                      rules={firstNameInputRules}
+                      control={control}
+                      render={({field}) => (
+                        <Input
+                          {...field}
+                          {...firstNameInputProps}
+                        />
+                      )}
+                    />
+                    <Controller
+                      name={lastNameInputName}
+                      rules={lastNameInputRules}
+                      control={control}
+                      render={({field}) => (
+                        <Input
+                          {...field}
+                          {...lastNameInputProps}
+                        />
+                      )}
+                    />
+                    <Controller
+                      name={emailInputName}
+                      rules={emailInputRules}
+                      control={control}
+                      render={({field}) => (
+                        <Input
+                          {...field}
+                          {...emailInputProps}
+                          className='sm:col-span-2'
+                        />
+                      )}
                     />
-                    <TextArea
-                      {...messageInput}
-                      className='sm:col-span-2'
+                    <Controller
+                      name={messageInputName}
+                      rules={messageInputRules}
+                      control={control}
+                      render={({field}) => (
+                        <TextArea
+                          {...field}
+                          {...messageInputProps}
+                          className='sm:col-span-2'
+                        />
+                      )}
                     />
-                    <Checkbox
-                      {...legalConsentInput}
-                      className='sm:col-span-2'
+                    <Controller
+                      name={legalConsentInputName}
+                      control={control}
+                      render={({field: {value, ...other}}) => (
+                        <Checkbox
+                          checked={value}
+                          {...other}
+                          {...legalConsentInputProps}
+                          className='sm:col-span-2'
+                        />
+                      )}
                     />
                   </div>
                   <div className='flex justify-end mt-8'>
diff --git a/apps/www/src/models/icon.model.ts b/apps/www/src/models/icon.model.ts
index d6e9f1fa..9ed5e7be 100644
--- a/apps/www/src/models/icon.model.ts
+++ b/apps/www/src/models/icon.model.ts
@@ -1,6 +1,6 @@
 import {z} from 'zod'
 
-export const IconNames = [
+export const iconNames = [
   'AcademicCapIcon',
   'AdjustmentsHorizontalIcon',
   'AdjustmentsVerticalIcon',
@@ -295,13 +295,15 @@ export const IconNames = [
   'XMarkIcon'
 ] as const
 
+export const iconTypes = ['outline', 'solid'] as const
+
 export type IconProps = {
   className?: string
 }
 
 export const iconSchema = z.object({
-  name: z.enum(IconNames),
-  type: z.enum(['outline', 'solid'])
+  name: z.enum(iconNames),
+  type: z.enum(iconTypes)
 })
 
 export type IconType = z.infer<typeof iconSchema>

From d67619edc4d9829a8f946eb43e5113c77b6f9d5c Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Fri, 5 Jan 2024 16:47:40 +0000
Subject: [PATCH 11/66] [apps/www/src/components/ui/molecules] Add molecules
 stories

---
 apps/cms/.strapi/client/index.html            | 62 --------------
 apps/www/.storybook/main.ts                   |  6 +-
 apps/www/.storybook/preview.ts                |  3 +
 .../content-section.stories.tsx               | 44 ++--------
 .../article/content-section/index.tsx         |  8 +-
 .../molecules/article/cover/cover.stories.tsx | 19 +++++
 .../ui/molecules/article/cover/index.tsx      |  2 +-
 .../molecules/bookmark/bookmark.stories.tsx   | 18 ++++
 .../ui/molecules/bookmark/index.tsx           |  4 +-
 .../cards/article/article.stories.tsx         | 20 +++++
 .../ui/molecules/cards/article/index.tsx      |  6 +-
 .../molecules/cards/cover/cover.stories.tsx   | 20 +++++
 .../ui/molecules/cards/cover/index.tsx        |  2 +-
 .../ui/molecules/cards/rectangle/index.tsx    | 35 --------
 .../{ => cards}/team-member/index.tsx         |  2 +-
 .../cards/team-member/team-member.stories.tsx | 19 +++++
 .../ui/molecules/language-switcher/index.tsx  | 10 ++-
 .../language-switcher.stories.tsx             | 18 ++++
 .../components/ui/molecules/mardown/index.tsx | 11 ++-
 .../ui/molecules/mardown/markdown.stories.tsx | 19 +++++
 .../components/ui/molecules/masonry/index.tsx |  6 +-
 .../ui/molecules/masonry/masonry.stories.tsx  | 24 ++++++
 .../components/ui/molecules/modal/index.tsx   | 85 -------------------
 .../ui/molecules/tag-filter/index.tsx         | 20 ++---
 .../tag-filter/tag-filter.stories.tsx         | 19 +++++
 .../{cards/article => }/tag-list/index.tsx    |  6 +-
 .../molecules/tag-list/tag-list.stories.tsx   | 19 +++++
 .../src/tests/factories/article.factory.ts    | 21 +++++
 apps/www/src/tests/factories/image.factory.ts | 38 +++++++++
 apps/www/src/tests/factories/tag.factory.ts   |  9 ++
 .../tests/factories/team-member.factory.ts    | 18 ++++
 .../www/src/utils/cms/renderer/components.tsx |  2 +-
 apps/www/tsconfig.json                        |  1 +
 33 files changed, 341 insertions(+), 255 deletions(-)
 create mode 100644 apps/www/src/components/ui/molecules/article/cover/cover.stories.tsx
 create mode 100644 apps/www/src/components/ui/molecules/bookmark/bookmark.stories.tsx
 create mode 100644 apps/www/src/components/ui/molecules/cards/article/article.stories.tsx
 create mode 100644 apps/www/src/components/ui/molecules/cards/cover/cover.stories.tsx
 delete mode 100644 apps/www/src/components/ui/molecules/cards/rectangle/index.tsx
 rename apps/www/src/components/ui/molecules/{ => cards}/team-member/index.tsx (97%)
 create mode 100644 apps/www/src/components/ui/molecules/cards/team-member/team-member.stories.tsx
 create mode 100644 apps/www/src/components/ui/molecules/language-switcher/language-switcher.stories.tsx
 create mode 100644 apps/www/src/components/ui/molecules/mardown/markdown.stories.tsx
 create mode 100644 apps/www/src/components/ui/molecules/masonry/masonry.stories.tsx
 delete mode 100644 apps/www/src/components/ui/molecules/modal/index.tsx
 create mode 100644 apps/www/src/components/ui/molecules/tag-filter/tag-filter.stories.tsx
 rename apps/www/src/components/ui/molecules/{cards/article => }/tag-list/index.tsx (88%)
 create mode 100644 apps/www/src/components/ui/molecules/tag-list/tag-list.stories.tsx
 create mode 100644 apps/www/src/tests/factories/article.factory.ts
 create mode 100644 apps/www/src/tests/factories/image.factory.ts
 create mode 100644 apps/www/src/tests/factories/tag.factory.ts
 create mode 100644 apps/www/src/tests/factories/team-member.factory.ts

diff --git a/apps/cms/.strapi/client/index.html b/apps/cms/.strapi/client/index.html
index 08d9c27c..e69de29b 100644
--- a/apps/cms/.strapi/client/index.html
+++ b/apps/cms/.strapi/client/index.html
@@ -1,62 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <!--
-This file was automatically generated by Strapi.
-Any modifications made will be discarded.
--->
-  <head>
-    <meta charset="utf-8" />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1, viewport-fit=cover"
-    />
-    <meta name="robots" content="noindex" />
-    <meta name="referrer" content="same-origin" />
-    <title>Strapi Admin</title>
-    <style>
-      html,
-      body,
-      #strapi {
-        height: 100%;
-      }
-      body {
-        margin: 0;
-        -webkit-font-smoothing: antialiased;
-      }
-    </style>
-  </head>
-  <body>
-    <div id="strapi"></div>
-    <noscript
-      ><div class="strapi--root">
-        <div class="strapi--no-js">
-          <style type="text/css">
-            .strapi--root {
-              position: absolute;
-              top: 0;
-              right: 0;
-              left: 0;
-              bottom: 0;
-              background: #fff;
-            }
-
-            .strapi--no-js {
-              position: absolute;
-              top: 50%;
-              left: 50%;
-              transform: translate(-50%, -50%);
-              text-align: center;
-              font-family: helvetica, arial, sans-serif;
-            }
-          </style>
-          <h1>JavaScript disabled</h1>
-          <p>
-            Please
-            <a href="https://www.enable-javascript.com/">enable JavaScript</a>
-            in your browser and reload the page to proceed.
-          </p>
-        </div>
-      </div></noscript
-    >
-  </body>
-</html>
diff --git a/apps/www/.storybook/main.ts b/apps/www/.storybook/main.ts
index a8d20747..ed328b0e 100644
--- a/apps/www/.storybook/main.ts
+++ b/apps/www/.storybook/main.ts
@@ -25,12 +25,12 @@ const config: StorybookConfig = {
     autodocs: 'tag'
   },
   webpackFinal: async (config) => {
-    config.resolve.plugins = config.resolve.plugins || []
-    config.resolve.plugins.push(
+    config.resolve.plugins = [
       new TsconfigPathsPlugin({
         configFile: resolve(__dirname, '../tsconfig.json')
       })
-    )
+    ]
+
     return config
   }
 }
diff --git a/apps/www/.storybook/preview.ts b/apps/www/.storybook/preview.ts
index 137796a2..f7fe8bc1 100644
--- a/apps/www/.storybook/preview.ts
+++ b/apps/www/.storybook/preview.ts
@@ -14,6 +14,9 @@ const preview: Preview = {
         color: /(background|color)$/i,
         date: /Date$/i
       }
+    },
+    nextjs: {
+      appDirectory: true
     }
   }
 }
diff --git a/apps/www/src/components/ui/molecules/article/content-section/content-section.stories.tsx b/apps/www/src/components/ui/molecules/article/content-section/content-section.stories.tsx
index e4da9177..cc9f75e8 100644
--- a/apps/www/src/components/ui/molecules/article/content-section/content-section.stories.tsx
+++ b/apps/www/src/components/ui/molecules/article/content-section/content-section.stories.tsx
@@ -1,53 +1,21 @@
-import {ImageProps} from '@/models/image.model'
 import {faker} from '@faker-js/faker'
+import {imageFactory} from '@/tests/factories/image.factory'
+import {tagFactory} from '@/tests/factories/tag.factory'
+import {teamMemberFactory} from '@/tests/factories/team-member.factory'
 import ArticleContentSection, {ArticleContentSectionProps} from './index'
 import type {Meta} from '@storybook/react'
 
-const fakeImage: ImageProps = {
-  id: faker.number.int(),
-  caption: faker.lorem.words(3),
-  createdAt: faker.date.past().toISOString(),
-  updatedAt: faker.date.past().toISOString(),
-  ext: 'jpg',
-  folderPath: faker.system.filePath(),
-  name: faker.system.fileName(),
-  hash: faker.string.uuid(),
-  mime: faker.system.mimeType(),
-  placeholder: faker.image.url({width: 1000, height: 500}),
-  provider: 'local',
-  size: faker.number.int(),
-  alternateText: faker.lorem.words(3),
-  url: faker.image.url({width: 1000, height: 500}),
-  height: 500,
-  width: 1000
-}
-
 const meta = {
   title: 'components/Molecules/article/content-section',
   component: ArticleContentSection,
   tags: ['autodocs'],
-  argTypes: {
-    // id: {
-    //   control: 'text'
-    // },
-    // label: {
-    //   control: 'text'
-    // },
-    // className: {
-    //   control: 'text'
-    // }
-  },
   args: {
-    image: fakeImage,
-    tags: [],
+    image: imageFactory(),
+    tags: Array.from({length: 3}, () => tagFactory()),
     title: faker.lorem.words(3),
     content: faker.lorem.paragraphs(3),
     publishedOn: faker.date.past().toISOString(),
-    author: {
-      name: faker.person.fullName(),
-      slug: faker.lorem.slug(),
-      avatar: fakeImage
-    }
+    author: teamMemberFactory()
   }
 } satisfies Meta<typeof ArticleContentSection>
 
diff --git a/apps/www/src/components/ui/molecules/article/content-section/index.tsx b/apps/www/src/components/ui/molecules/article/content-section/index.tsx
index 02d43142..2b87066b 100644
--- a/apps/www/src/components/ui/molecules/article/content-section/index.tsx
+++ b/apps/www/src/components/ui/molecules/article/content-section/index.tsx
@@ -1,11 +1,11 @@
 import {ImageProps} from '@/models/image.model'
-import {MarkdownViewer} from '../../mardown'
 import {Tag} from '@/models/tag.model'
 import {TeamMember} from '@/models/team-member.model'
 import {formatDate} from '@/utils/toolbox'
 import ArticleCover from '../cover'
 import Avatar from '@/components/ui/atoms/avatar'
-import PostTagList from '../../cards/article/tag-list'
+import MarkdownViewer from '../../mardown'
+import PostTagList from '../../tag-list'
 import React, {Suspense} from 'react'
 
 export type ArticleContentSectionProps = {
@@ -33,7 +33,9 @@ export default function ArticleContentSection({
           <ArticleCover image={image} />
           <div className='w-full p-6 md:p-10'>
             <div className='flex flex-col-reverse justify-between md:items-center md:flex-row'>
-              <Suspense>{/* <PostTagList tags={tags} /> */}</Suspense>
+              <Suspense>
+                <PostTagList tags={tags} />
+              </Suspense>
               <div
                 className='flex flex-col items-center justify-center mb-10 overflow-hidden text-sm leading-6 \
                  text-gray-300 md:flex-row md:mb-0 gap-y-6'
diff --git a/apps/www/src/components/ui/molecules/article/cover/cover.stories.tsx b/apps/www/src/components/ui/molecules/article/cover/cover.stories.tsx
new file mode 100644
index 00000000..e3af0266
--- /dev/null
+++ b/apps/www/src/components/ui/molecules/article/cover/cover.stories.tsx
@@ -0,0 +1,19 @@
+import {imageFactory} from '@/tests/factories/image.factory'
+import ArticleCover, {ArticleCoverProps} from './index'
+import type {Meta} from '@storybook/react'
+
+const meta = {
+  title: 'components/Molecules/article/cover',
+  component: ArticleCover,
+  tags: ['autodocs'],
+  args: {
+    image: imageFactory()
+  }
+} satisfies Meta<typeof ArticleCover>
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  render: (args: ArticleCoverProps) => <ArticleCover {...args} />
+}
diff --git a/apps/www/src/components/ui/molecules/article/cover/index.tsx b/apps/www/src/components/ui/molecules/article/cover/index.tsx
index ba71840f..690c3b63 100644
--- a/apps/www/src/components/ui/molecules/article/cover/index.tsx
+++ b/apps/www/src/components/ui/molecules/article/cover/index.tsx
@@ -6,7 +6,7 @@ import {cn} from '@/utils/toolbox'
 import {useState} from 'react'
 import Image from 'next/image'
 
-type ArticleCoverProps = {
+export type ArticleCoverProps = {
   image: ImageProps
   className?: string
 }
diff --git a/apps/www/src/components/ui/molecules/bookmark/bookmark.stories.tsx b/apps/www/src/components/ui/molecules/bookmark/bookmark.stories.tsx
new file mode 100644
index 00000000..4810ede8
--- /dev/null
+++ b/apps/www/src/components/ui/molecules/bookmark/bookmark.stories.tsx
@@ -0,0 +1,18 @@
+import Bookmark, {BookmarkProps} from './index'
+import type {Meta} from '@storybook/react'
+
+const meta = {
+  title: 'components/Molecules/Bookmark',
+  component: Bookmark,
+  tags: ['autodocs'],
+  args: {
+    url: 'https://github.com/56kcloud/56kcloud-website'
+  }
+} satisfies Meta<typeof Bookmark>
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  render: (args: BookmarkProps) => <Bookmark {...args} />
+}
diff --git a/apps/www/src/components/ui/molecules/bookmark/index.tsx b/apps/www/src/components/ui/molecules/bookmark/index.tsx
index da449425..a631b4f1 100644
--- a/apps/www/src/components/ui/molecules/bookmark/index.tsx
+++ b/apps/www/src/components/ui/molecules/bookmark/index.tsx
@@ -2,7 +2,7 @@
 
 import {useEffect, useState} from 'react'
 
-type BookmarkProps = {
+export type BookmarkProps = {
   url: string
 }
 
@@ -14,7 +14,7 @@ type OgResponse = {
   favicon?: string
 }
 
-export function Bookmark({url}: BookmarkProps) {
+export default function Bookmark({url}: BookmarkProps) {
   const [bookmark, setBookmark] = useState<OgResponse>()
   const [isValid, setIsValid] = useState<boolean>(true)
 
diff --git a/apps/www/src/components/ui/molecules/cards/article/article.stories.tsx b/apps/www/src/components/ui/molecules/cards/article/article.stories.tsx
new file mode 100644
index 00000000..464bd3bb
--- /dev/null
+++ b/apps/www/src/components/ui/molecules/cards/article/article.stories.tsx
@@ -0,0 +1,20 @@
+import {articleFactory} from '@/tests/factories/article.factory'
+import ArticleCard, {ArticleCardProps} from './index'
+import type {Meta} from '@storybook/react'
+
+const meta = {
+  title: 'components/Molecules/Cards/Article',
+  component: ArticleCard,
+  tags: ['autodocs'],
+  args: {
+    article: articleFactory(),
+    fixedHeight: true
+  }
+} satisfies Meta<typeof ArticleCard>
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  render: (args: ArticleCardProps) => <ArticleCard {...args} />
+}
diff --git a/apps/www/src/components/ui/molecules/cards/article/index.tsx b/apps/www/src/components/ui/molecules/cards/article/index.tsx
index 5e85bef1..f2c2e448 100644
--- a/apps/www/src/components/ui/molecules/cards/article/index.tsx
+++ b/apps/www/src/components/ui/molecules/cards/article/index.tsx
@@ -3,11 +3,11 @@ import {Suspense} from 'react'
 import {cn, formatDate} from '@/utils/toolbox'
 import {motion} from 'framer-motion'
 import ArticleCover from '../cover'
-import ArticleTagList from './tag-list'
 import Avatar from '@/components/ui/atoms/avatar'
 import Link from 'next/link'
+import TagList from '../../tag-list'
 
-type ArticleCardProps = {
+export type ArticleCardProps = {
   article: Article
   className?: string
   fixedHeight?: boolean
@@ -36,7 +36,7 @@ export default function ArticleCard({article, fixedHeight}: ArticleCardProps) {
             <span className='text-sm font-light text-slate-400'>{publishedOn}</span>
             <div className='flex flex-1 h-10 overflow-x-auto'>
               <Suspense>
-                <ArticleTagList tags={article.tags} />
+                <TagList tags={article.tags} />
               </Suspense>
             </div>
           </div>
diff --git a/apps/www/src/components/ui/molecules/cards/cover/cover.stories.tsx b/apps/www/src/components/ui/molecules/cards/cover/cover.stories.tsx
new file mode 100644
index 00000000..52bf9162
--- /dev/null
+++ b/apps/www/src/components/ui/molecules/cards/cover/cover.stories.tsx
@@ -0,0 +1,20 @@
+import {imageFactory} from '@/tests/factories/image.factory'
+import CardCover, {CardCoverProps} from './index'
+import type {Meta} from '@storybook/react'
+
+const meta = {
+  title: 'components/Molecules/Cards/CardCover',
+  component: CardCover,
+  tags: ['autodocs'],
+  args: {
+    image: imageFactory(),
+    fixedHeight: true
+  }
+} satisfies Meta<typeof CardCover>
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  render: (args: CardCoverProps) => <CardCover {...args} />
+}
diff --git a/apps/www/src/components/ui/molecules/cards/cover/index.tsx b/apps/www/src/components/ui/molecules/cards/cover/index.tsx
index 0254b33b..ffa49f54 100644
--- a/apps/www/src/components/ui/molecules/cards/cover/index.tsx
+++ b/apps/www/src/components/ui/molecules/cards/cover/index.tsx
@@ -6,7 +6,7 @@ import {cn} from '@/utils/toolbox'
 import {useEffect, useRef, useState} from 'react'
 import Image from 'next/image'
 
-type CardCoverProps = {
+export type CardCoverProps = {
   image: ImageProps
   className?: string
   fixedHeight?: boolean
diff --git a/apps/www/src/components/ui/molecules/cards/rectangle/index.tsx b/apps/www/src/components/ui/molecules/cards/rectangle/index.tsx
deleted file mode 100644
index 5fcb60fe..00000000
--- a/apps/www/src/components/ui/molecules/cards/rectangle/index.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import {ImageProps} from '@/models/image.model'
-import {cn, padNumberWithZeroes} from '@/utils/toolbox'
-import Image from 'next/image'
-
-export type RectangleCardProps = {
-  number: number
-  image: ImageProps
-  title: string
-  className: string
-}
-
-export default function RectangleCard({number, image, title, className}: RectangleCardProps) {
-  return (
-    <div className='z-10 border-b border-gray-100 border-solid sm:border-r last:border-r-0'>
-      <div className='relative flex flex-col bg-white p-7 min-h-[15rem] sm:min-h-[25rem]'>
-        <div className='absolute right-4 top-3 sm:right-10 sm:top-10'>
-          <span className='title'>{padNumberWithZeroes(number, 2)}</span>
-        </div>
-        <div className={cn('w-12 h-12 p-3 rounded-full flex items-center justify-center bg-primary-100', className)}>
-          <Image
-            src={image.url}
-            width={image.width}
-            height={image.height}
-            placeholder='blur'
-            blurDataURL={image.placeholder}
-            alt={title}
-          />
-        </div>
-        <div className='mt-auto min-h-[7rem]'>
-          <h3 className='text-[20px] md:text-[24px] font-medium title'>{title}</h3>
-        </div>
-      </div>
-    </div>
-  )
-}
diff --git a/apps/www/src/components/ui/molecules/team-member/index.tsx b/apps/www/src/components/ui/molecules/cards/team-member/index.tsx
similarity index 97%
rename from apps/www/src/components/ui/molecules/team-member/index.tsx
rename to apps/www/src/components/ui/molecules/cards/team-member/index.tsx
index ed3eecd6..802bd0ba 100644
--- a/apps/www/src/components/ui/molecules/team-member/index.tsx
+++ b/apps/www/src/components/ui/molecules/cards/team-member/index.tsx
@@ -1,6 +1,6 @@
 import {Link2} from 'lucide-react'
 import {TeamMember} from '@/models/team-member.model'
-import {X} from '../../svgs/logos/x'
+import {X} from '../../../svgs/logos/x'
 import Avatar from '@/components/ui/atoms/avatar'
 import Button from '@/components/ui/atoms/button'
 import Link from 'next/link'
diff --git a/apps/www/src/components/ui/molecules/cards/team-member/team-member.stories.tsx b/apps/www/src/components/ui/molecules/cards/team-member/team-member.stories.tsx
new file mode 100644
index 00000000..96e0a538
--- /dev/null
+++ b/apps/www/src/components/ui/molecules/cards/team-member/team-member.stories.tsx
@@ -0,0 +1,19 @@
+import {teamMemberFactory} from '@/tests/factories/team-member.factory'
+import TeamMemberCard, {TeamMemberCardProps} from './index'
+import type {Meta} from '@storybook/react'
+
+const meta = {
+  title: 'components/Molecules/Cards/TeamMember',
+  component: TeamMemberCard,
+  tags: ['autodocs'],
+  args: {
+    teamMember: teamMemberFactory()
+  }
+} satisfies Meta<typeof TeamMemberCard>
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  render: (args: TeamMemberCardProps) => <TeamMemberCard {...args} />
+}
diff --git a/apps/www/src/components/ui/molecules/language-switcher/index.tsx b/apps/www/src/components/ui/molecules/language-switcher/index.tsx
index 39e624ed..3bf80237 100644
--- a/apps/www/src/components/ui/molecules/language-switcher/index.tsx
+++ b/apps/www/src/components/ui/molecules/language-switcher/index.tsx
@@ -1,12 +1,16 @@
 'use client'
 
 import {Select, SelectContent, SelectItem, SelectTrigger, SelectValue} from '@/components/primitives/select'
-import {locales} from '../../../../../configs/shared'
+import {defaultLocale, locales} from '../../../../../configs/shared'
 import {useParams, usePathname, useRouter} from 'next/navigation'
 import Button from '../../atoms/button'
 import Link from 'next/link'
 
-export default function LanguageSwitcher({mobileMenuOpen}: {mobileMenuOpen: boolean}) {
+export type LanguageSwitcherProps = {
+  mobileMenuOpen: boolean
+}
+
+export default function LanguageSwitcher({mobileMenuOpen}: LanguageSwitcherProps) {
   const {locale} = useParams()
   const pathname = usePathname()
   const router = useRouter()
@@ -45,7 +49,7 @@ export default function LanguageSwitcher({mobileMenuOpen}: {mobileMenuOpen: bool
     </div>
   ) : (
     <Select
-      defaultValue={locale.toString()}
+      defaultValue={locale?.toString() || defaultLocale}
       onValueChange={updateLanguage}
     >
       <SelectTrigger
diff --git a/apps/www/src/components/ui/molecules/language-switcher/language-switcher.stories.tsx b/apps/www/src/components/ui/molecules/language-switcher/language-switcher.stories.tsx
new file mode 100644
index 00000000..7947967e
--- /dev/null
+++ b/apps/www/src/components/ui/molecules/language-switcher/language-switcher.stories.tsx
@@ -0,0 +1,18 @@
+import LanguageSwitcher, {LanguageSwitcherProps} from './index'
+import type {Meta} from '@storybook/react'
+
+const meta = {
+  title: 'components/Molecules/LanguageSwitcher',
+  component: LanguageSwitcher,
+  tags: ['autodocs'],
+  args: {
+    mobileMenuOpen: false
+  }
+} satisfies Meta<typeof LanguageSwitcher>
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  render: (args: LanguageSwitcherProps) => <LanguageSwitcher {...args} />
+}
diff --git a/apps/www/src/components/ui/molecules/mardown/index.tsx b/apps/www/src/components/ui/molecules/mardown/index.tsx
index b3a3e9c0..50050c77 100644
--- a/apps/www/src/components/ui/molecules/mardown/index.tsx
+++ b/apps/www/src/components/ui/molecules/mardown/index.tsx
@@ -1,13 +1,18 @@
 'use client'
 
-import {Bookmark} from '../bookmark'
-import {DynamicImage} from '../../atoms/dynamic-image'
 import {Tweet} from 'react-twitter-widgets'
 import {cn, getTweetId, isFromTwitter} from '@/utils/toolbox'
+import Bookmark from '../bookmark'
+import DynamicImage from '../../atoms/dynamic-image'
 import Markdown from 'markdown-to-jsx'
 import React from 'react'
 
-export function MarkdownViewer({content, className}: {content: string; className?: string}) {
+export type MarkdownViewerProps = {
+  content: string
+  className?: string
+}
+
+export default function MarkdownViewer({content, className}: MarkdownViewerProps) {
   return (
     <div className='flex justify-center w-full'>
       <div className={cn('w-full px-4 leading-6 prose prose-invert max-w-7xl prose-config', className)}>
diff --git a/apps/www/src/components/ui/molecules/mardown/markdown.stories.tsx b/apps/www/src/components/ui/molecules/mardown/markdown.stories.tsx
new file mode 100644
index 00000000..a2d15109
--- /dev/null
+++ b/apps/www/src/components/ui/molecules/mardown/markdown.stories.tsx
@@ -0,0 +1,19 @@
+import {faker} from '@faker-js/faker'
+import MarkdownViewer, {MarkdownViewerProps} from './index'
+import type {Meta} from '@storybook/react'
+
+const meta = {
+  title: 'components/Molecules/MarkdownViewer',
+  component: MarkdownViewer,
+  tags: ['autodocs'],
+  args: {
+    content: faker.lorem.paragraphs(10)
+  }
+} satisfies Meta<typeof MarkdownViewer>
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  render: (args: MarkdownViewerProps) => <MarkdownViewer {...args} />
+}
diff --git a/apps/www/src/components/ui/molecules/masonry/index.tsx b/apps/www/src/components/ui/molecules/masonry/index.tsx
index 8bb4b792..dc5225e0 100644
--- a/apps/www/src/components/ui/molecules/masonry/index.tsx
+++ b/apps/www/src/components/ui/molecules/masonry/index.tsx
@@ -1,7 +1,11 @@
 import {ReactNode} from 'react'
 import Masonry, {ResponsiveMasonry} from 'react-responsive-masonry'
 
-export default function MasonryLayout({children}: {children: ReactNode}) {
+export type MasonryLayoutProps = {
+  children: ReactNode
+}
+
+export default function MasonryLayout({children}: MasonryLayoutProps) {
   return (
     <ResponsiveMasonry columnsCountBreakPoints={{300: 1, 700: 2, 1000: 3}}>
       <Masonry gutter='2.5rem'>{children}</Masonry>
diff --git a/apps/www/src/components/ui/molecules/masonry/masonry.stories.tsx b/apps/www/src/components/ui/molecules/masonry/masonry.stories.tsx
new file mode 100644
index 00000000..168755e3
--- /dev/null
+++ b/apps/www/src/components/ui/molecules/masonry/masonry.stories.tsx
@@ -0,0 +1,24 @@
+import {articleFactory} from '@/tests/factories/article.factory'
+import ArticleCard from '../cards/article'
+import MasonryLayout from './index'
+import type {Meta} from '@storybook/react'
+
+const meta = {
+  title: 'components/Molecules/MasonryLayout',
+  component: MasonryLayout,
+  tags: ['autodocs']
+} satisfies Meta<typeof MasonryLayout>
+
+export default meta
+
+const articles = Array.from({length: 10}, (_, idx) => (
+  <ArticleCard
+    key={idx}
+    article={articleFactory()}
+  />
+))
+
+export const Default = {
+  name: 'Default',
+  render: () => <MasonryLayout>{articles}</MasonryLayout>
+}
diff --git a/apps/www/src/components/ui/molecules/modal/index.tsx b/apps/www/src/components/ui/molecules/modal/index.tsx
deleted file mode 100644
index 88a92085..00000000
--- a/apps/www/src/components/ui/molecules/modal/index.tsx
+++ /dev/null
@@ -1,85 +0,0 @@
-import {Dialog, Transition} from '@headlessui/react'
-import {Fragment} from 'react'
-import Image from 'next/image'
-import plusWhite from '../../../../../public/images/icons/plus-white.webp'
-
-type ModalProps = {
-  isOpen: boolean
-  closeModal: () => void
-  header: React.ReactNode
-  title: string
-  children: React.ReactNode
-}
-
-export default function Modal({isOpen, closeModal, header, title, children}: ModalProps) {
-  return (
-    <Transition
-      appear
-      show={isOpen}
-      as={Fragment}
-    >
-      <Dialog
-        as='div'
-        className='relative z-50'
-        onClose={closeModal}
-      >
-        <Transition.Child
-          as={Fragment}
-          enter='ease-out duration-300'
-          enterFrom='opacity-0'
-          enterTo='opacity-100'
-          leave='ease-in duration-200'
-          leaveFrom='opacity-100'
-          leaveTo='opacity-0'
-        >
-          <div className='fixed inset-0 bg-white bg-opacity-90' />
-        </Transition.Child>
-        <div className='fixed inset-0 overflow-y-auto'>
-          <div
-            className='flex items-center justify-center min-h-full px-8 text-center -translate-y-6 \
-            sm:-translate-y-0  sm:px-0'
-          >
-            <Transition.Child
-              as={Fragment}
-              enter='ease-out duration-300'
-              enterFrom='opacity-0 scale-95'
-              enterTo='opacity-100 scale-100'
-              leave='ease-in duration-200'
-              leaveFrom='opacity-100 scale-100'
-              leaveTo='opacity-0 scale-95'
-            >
-              <Dialog.Panel
-                className='relative w-full sm:max-w-xl px-6 py-7 sm:py-10 sm:p-8 text-left top-7 
-                align-middle sm:pt-20 min-[1700px]:pt-40 transition-all transform bg-white shadow-xl rounded-2xl'
-              >
-                <div>
-                  <button
-                    onClick={closeModal}
-                    className='absolute -top-[72px] sm:-top-20 translate-x-[50%] right-0 translate-y-[100%]
-                     focus:outline-primary-900 focus:outline-offset-2
-                     rounded-full z-50'
-                  >
-                    <Image
-                      src={plusWhite}
-                      alt={'altButton'}
-                      className='w-12 sm:w-14'
-                    />
-                  </button>
-                  {header}
-                </div>
-                <Dialog.Title
-                  as='h3'
-                  className='text-3xl font-semibold text-center sm:text-3xl min-[1700px]:text-4xl 
-                  text-blue-medium title'
-                >
-                  {title}
-                </Dialog.Title>
-                {children}
-              </Dialog.Panel>
-            </Transition.Child>
-          </div>
-        </div>
-      </Dialog>
-    </Transition>
-  )
-}
diff --git a/apps/www/src/components/ui/molecules/tag-filter/index.tsx b/apps/www/src/components/ui/molecules/tag-filter/index.tsx
index c1e1e1fe..a5ab09ad 100644
--- a/apps/www/src/components/ui/molecules/tag-filter/index.tsx
+++ b/apps/www/src/components/ui/molecules/tag-filter/index.tsx
@@ -4,7 +4,7 @@ import {ChevronLeftIcon, ChevronRightIcon} from 'lucide-react'
 import {Tag} from '@/models/tag.model'
 import {toQueryParam} from '@/utils/toolbox'
 import {useEffect, useRef} from 'react'
-import {useRouter} from 'next/router'
+import {useSearchParams} from 'next/navigation'
 import Link from 'next/link'
 
 export type TagFilterProps = {
@@ -12,7 +12,8 @@ export type TagFilterProps = {
 }
 
 export default function TagFilter({tags}: TagFilterProps) {
-  const router = useRouter()
+  const searchParams = useSearchParams()
+  const queryTag = searchParams.get('tag')
   const slider = useRef<HTMLDivElement>(null)
   const tagsList = [{name: 'all'}, ...tags]
 
@@ -22,14 +23,14 @@ export default function TagFilter({tags}: TagFilterProps) {
   }
 
   useEffect(() => {
-    if (router.query.tag) {
-      const element = document.getElementById(router.query.tag.toString())
+    if (queryTag) {
+      const element = document.getElementById(queryTag.toString())
       if (element) {
         const scroll = element.offsetLeft - (element.offsetWidth + element.offsetWidth / 2)
         slider.current?.scrollTo({left: scroll, behavior: 'smooth'})
       }
     }
-  }, [router.query.tag])
+  }, [queryTag])
 
   return (
     <div className='flex items-center justify-center w-full'>
@@ -38,7 +39,7 @@ export default function TagFilter({tags}: TagFilterProps) {
           <button
             onClick={() => slide('left')}
             aria-label='left'
-            className='h-full px-3 text-primary-500/50 hover:text-primary-500'
+            className='h-full px-3 text-white'
           >
             <ChevronLeftIcon className='w-5 h-5' />
           </button>
@@ -55,10 +56,9 @@ export default function TagFilter({tags}: TagFilterProps) {
               key={idx}
               id={toQueryParam(tag.name)}
               href={`/blog${idx > 0 ? `?tag=${toQueryParam(tag.name)}` : ''}`}
-              data-active={router.query.tag ? router.query.tag === toQueryParam(tag.name) : idx === 0}
+              data-active={queryTag ? queryTag === toQueryParam(tag.name) : idx === 0}
               className='capitalize rounded-none whitespace-nowrap border-b border-transparent / 
-              py-2 px-3 font-normal text-primary-500/50 hover:text-primary-500
-              data-[active=true]:border-primary-500 data-[active=true]:text-primary-500'
+              py-2 px-3 font-normal text-white'
             >
               {tag.name.replace(/-/g, ' ')}
             </Link>
@@ -69,7 +69,7 @@ export default function TagFilter({tags}: TagFilterProps) {
           <button
             onClick={() => slide('right')}
             aria-label='right'
-            className='h-full px-3 text-primary-500/50 hover:text-primary-500'
+            className='h-full px-3 text-white'
           >
             <ChevronRightIcon className='w-5 h-5' />
           </button>
diff --git a/apps/www/src/components/ui/molecules/tag-filter/tag-filter.stories.tsx b/apps/www/src/components/ui/molecules/tag-filter/tag-filter.stories.tsx
new file mode 100644
index 00000000..3b1c30e0
--- /dev/null
+++ b/apps/www/src/components/ui/molecules/tag-filter/tag-filter.stories.tsx
@@ -0,0 +1,19 @@
+import {tagFactory} from '@/tests/factories/tag.factory'
+import TagFilter, {TagFilterProps} from './index'
+import type {Meta} from '@storybook/react'
+
+const meta = {
+  title: 'components/Molecules/TagFilter',
+  component: TagFilter,
+  tags: ['autodocs'],
+  args: {
+    tags: Array.from({length: 10}, () => tagFactory())
+  }
+} satisfies Meta<typeof TagFilter>
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  render: (args: TagFilterProps) => <TagFilter {...args} />
+}
diff --git a/apps/www/src/components/ui/molecules/cards/article/tag-list/index.tsx b/apps/www/src/components/ui/molecules/tag-list/index.tsx
similarity index 88%
rename from apps/www/src/components/ui/molecules/cards/article/tag-list/index.tsx
rename to apps/www/src/components/ui/molecules/tag-list/index.tsx
index ff82ebd7..4207c306 100644
--- a/apps/www/src/components/ui/molecules/cards/article/tag-list/index.tsx
+++ b/apps/www/src/components/ui/molecules/tag-list/index.tsx
@@ -7,12 +7,12 @@ import Badge from '@/components/ui/atoms/badge'
 import Link from 'next/link'
 import slugify from 'slugify'
 
-export type ArticleListProps = {
+export type TagListProps = {
   tags: Array<Tag>
 }
 
-export default function ArticleTagList({tags}: ArticleListProps) {
-  const queryTag = useSearchParams().get('tag')
+export default function TagList({tags}: TagListProps) {
+  const queryTag = useSearchParams()?.get('tag')
   const [sortedTags, setSortedTags] = useState<Array<Tag>>([])
 
   useEffect(() => {
diff --git a/apps/www/src/components/ui/molecules/tag-list/tag-list.stories.tsx b/apps/www/src/components/ui/molecules/tag-list/tag-list.stories.tsx
new file mode 100644
index 00000000..23280fb1
--- /dev/null
+++ b/apps/www/src/components/ui/molecules/tag-list/tag-list.stories.tsx
@@ -0,0 +1,19 @@
+import {tagFactory} from '@/tests/factories/tag.factory'
+import TagList, {TagListProps} from './index'
+import type {Meta} from '@storybook/react'
+
+const meta = {
+  title: 'components/Molecules/TagList',
+  component: TagList,
+  tags: ['autodocs'],
+  args: {
+    tags: Array.from({length: 10}, () => tagFactory())
+  }
+} satisfies Meta<typeof TagList>
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  render: (args: TagListProps) => <TagList {...args} />
+}
diff --git a/apps/www/src/tests/factories/article.factory.ts b/apps/www/src/tests/factories/article.factory.ts
new file mode 100644
index 00000000..e9e3b750
--- /dev/null
+++ b/apps/www/src/tests/factories/article.factory.ts
@@ -0,0 +1,21 @@
+import {Article} from '@/models/article.model'
+import {faker} from '@faker-js/faker'
+import {imageFactory} from './image.factory'
+import {tagFactory} from './tag.factory'
+import {teamMemberFactory} from './team-member.factory'
+
+export function articleFactory(): Article {
+  const title = faker.lorem.words(3)
+  return {
+    id: faker.number.int(),
+    title,
+    slug: faker.helpers.slugify(title),
+    description: faker.lorem.paragraph(),
+    content: faker.lorem.paragraphs(3),
+    tags: Array.from({length: faker.number.int({min: 2, max: 5})}).map(() => tagFactory()),
+    publishedOn: faker.date.past().toISOString(),
+    readTime: faker.number.int({min: 1, max: 10}),
+    image: imageFactory({width: 800, height: 600}),
+    author: teamMemberFactory()
+  }
+}
diff --git a/apps/www/src/tests/factories/image.factory.ts b/apps/www/src/tests/factories/image.factory.ts
new file mode 100644
index 00000000..ab6f87f5
--- /dev/null
+++ b/apps/www/src/tests/factories/image.factory.ts
@@ -0,0 +1,38 @@
+import {ImageProps} from '@/models/image.model'
+import {faker} from '@faker-js/faker'
+
+type ImageFactoryProps = {
+  width?: number
+  height?: number
+  category?: string
+}
+
+export function imageFactory(props?: ImageFactoryProps): ImageProps {
+  const width = props?.width || 500
+  const height = props?.height || 1000
+  const options = {
+    width,
+    height,
+    category: props?.category || 'nature'
+  }
+  return {
+    id: faker.number.int(),
+    name: faker.system.fileName(),
+    hash: faker.string.uuid(),
+    ext: 'heic',
+    mime: faker.system.mimeType(),
+    size: faker.number.int(),
+    alternateText: faker.lorem.words(3),
+    caption: faker.lorem.words(3),
+    height,
+    width,
+    url: faker.image.urlLoremFlickr(options),
+    folderPath: faker.system.filePath(),
+    createdAt: faker.date.past().toISOString(),
+    updatedAt: faker.date.past().toISOString(),
+    previewUrl: faker.image.urlLoremFlickr(options),
+    provider: 'faker',
+    providerMetadata: faker.lorem.words(3),
+    placeholder: faker.image.urlLoremFlickr(options)
+  }
+}
diff --git a/apps/www/src/tests/factories/tag.factory.ts b/apps/www/src/tests/factories/tag.factory.ts
new file mode 100644
index 00000000..dccc7d2d
--- /dev/null
+++ b/apps/www/src/tests/factories/tag.factory.ts
@@ -0,0 +1,9 @@
+import {Tag} from '@/models/tag.model'
+import {faker} from '@faker-js/faker'
+
+export function tagFactory(props?: Partial<Tag>): Tag {
+  return {
+    id: props?.id || faker.string.uuid(),
+    name: props?.name || faker.lorem.word()
+  }
+}
diff --git a/apps/www/src/tests/factories/team-member.factory.ts b/apps/www/src/tests/factories/team-member.factory.ts
new file mode 100644
index 00000000..72f5ed11
--- /dev/null
+++ b/apps/www/src/tests/factories/team-member.factory.ts
@@ -0,0 +1,18 @@
+import {TeamMember} from '@/models/team-member.model'
+import {faker} from '@faker-js/faker'
+import {imageFactory} from './image.factory'
+
+export function teamMemberFactory(): TeamMember {
+  const name = faker.person.fullName()
+  return {
+    slug: faker.helpers.slugify(name),
+    name,
+    role: {
+      name: faker.person.jobTitle()
+    },
+    bio: faker.lorem.paragraph(),
+    twitter: faker.internet.url(),
+    website: faker.internet.url(),
+    avatar: imageFactory({category: 'person'})
+  }
+}
diff --git a/apps/www/src/utils/cms/renderer/components.tsx b/apps/www/src/utils/cms/renderer/components.tsx
index 5916ad5c..65783379 100644
--- a/apps/www/src/utils/cms/renderer/components.tsx
+++ b/apps/www/src/utils/cms/renderer/components.tsx
@@ -24,7 +24,7 @@ import ServiceThreeColumnWithLargeIcons from '@/components/ui/organisms/service-
 import SolutionOneColumn from '@/components/ui/organisms/solution-sections/solution-one-column'
 import SolutionThreeColumnWithLargeIcons from '@/components/ui/organisms/solution-sections/solution-three-column-with-large-icons'
 import TagFilter from '@/components/ui/molecules/tag-filter'
-import TeamMemberCard from '@/components/ui/molecules/team-member'
+import TeamMemberCard from '@/components/ui/molecules/cards/team-member'
 import TeamThreeColumn from '@/components/ui/organisms/team-sections/team-three-column'
 import ValueTwoColumn from '@/components/ui/organisms/value-sections/value-two-column'
 
diff --git a/apps/www/tsconfig.json b/apps/www/tsconfig.json
index a66d22db..95a3ec8f 100644
--- a/apps/www/tsconfig.json
+++ b/apps/www/tsconfig.json
@@ -1,5 +1,6 @@
 {
   "compilerOptions": {
+    "baseUrl": "./",
     "target": "ESNext",
     "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,

From 9538159ebd63d98a669382727a5dc2becaf044c9 Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Fri, 5 Jan 2024 19:09:40 +0000
Subject: [PATCH 12/66] [apps/www/src/components/ui/organisms] Add organisms
 stories

---
 .../ui/molecules/cards/with-icon/index.tsx    | 18 ++++++++++++
 .../cards/with-icon/team-member.stories.tsx   | 23 +++++++++++++++
 .../blog-masonry/blog-masonry.stories.tsx     | 22 ++++++++++++++
 .../blog-three-column.stories.tsx             | 22 ++++++++++++++
 .../contact-split-with-pattern.stories.tsx    | 24 +++++++++++++++
 .../content-markdown.stories.tsx              | 19 ++++++++++++
 .../content-markdown/index.tsx                |  6 ++--
 .../content-two-column.stories.tsx            | 20 +++++++++++++
 .../introduction-with-logo.stories.tsx        | 22 ++++++++++++++
 .../cta-sections/join-our-team/index.tsx      |  9 ++++--
 .../join-our-team/join-our-team.stories.tsx   | 27 +++++++++++++++++
 ...ustomer-logo-simple-with-title.stories.tsx | 21 ++++++++++++++
 .../index.tsx                                 |  2 +-
 .../draft-modal/draft-modal.stories.tsx       | 22 ++++++++++++++
 .../feature-alternate-position.stories.tsx    | 22 ++++++++++++++
 .../feature-one-column.stories.tsx            | 22 ++++++++++++++
 ...-three-column-with-large-icons.stories.tsx | 29 +++++++++++++++++++
 .../ui/organisms/footer/footer.stories.tsx    | 25 ++++++++++++++++
 .../components/ui/organisms/footer/index.tsx  |  2 +-
 .../header-with-cards.stories.tsx             | 24 +++++++++++++++
 .../header-with-cards/index.tsx               | 21 +++++---------
 .../ui/organisms/header/header.stories.tsx    | 26 +++++++++++++++++
 .../components/ui/organisms/header/index.tsx  |  2 +-
 ...-simple-center-with-background.stories.tsx | 25 ++++++++++++++++
 .../index.tsx                                 |  4 +--
 .../hero-simple-center.stories.tsx            | 20 +++++++++++++
 .../hero-simple-center/index.tsx              |  4 +--
 .../image-simple/image-simple.stories.tsx     | 19 ++++++++++++
 .../index.tsx}                                |  0
 .../logo-clouds-simple-with-title/index.tsx   | 16 +++++-----
 .../logo-clouds-simple-with-title.stories.tsx | 21 ++++++++++++++
 .../partner-logos-simple-with-title/index.tsx |  2 +-
 ...artner-logos-simple-with-title.stories.tsx | 21 ++++++++++++++
 ...ervice-alternate-position-icon.stories.tsx | 22 ++++++++++++++
 .../index.tsx                                 |  4 +--
 ...-three-column-with-large-icons.stories.tsx | 22 ++++++++++++++
 .../solution-one-column.stories.tsx           | 22 ++++++++++++++
 ...-three-column-with-large-icons.stories.tsx | 22 ++++++++++++++
 .../team-three-column.stories.tsx             | 22 ++++++++++++++
 .../value-two-column.stories.tsx              | 24 +++++++++++++++
 apps/www/src/models/card.model.ts             |  2 +-
 apps/www/src/models/location.model.ts         |  2 --
 .../tests/factories/card-with-icon.factory.ts | 11 +++++++
 .../src/tests/factories/company.factory.ts    |  6 ++++
 apps/www/src/tests/factories/cta.factory.ts   | 17 +++++++++++
 .../src/tests/factories/customer.factory.ts   |  6 ++++
 .../src/tests/factories/feature.factory.ts    | 19 ++++++++++++
 apps/www/src/tests/factories/icon.factory.ts  | 14 +++++++++
 apps/www/src/tests/factories/image.factory.ts |  8 +++--
 .../src/tests/factories/location.factory.ts   | 13 +++++++++
 .../src/tests/factories/partner.factory.ts    | 12 ++++++++
 .../src/tests/factories/service.factory.ts    |  6 ++++
 .../src/tests/factories/solution.factory.ts   | 18 ++++++++++++
 53 files changed, 791 insertions(+), 43 deletions(-)
 create mode 100644 apps/www/src/components/ui/molecules/cards/with-icon/index.tsx
 create mode 100644 apps/www/src/components/ui/molecules/cards/with-icon/team-member.stories.tsx
 create mode 100644 apps/www/src/components/ui/organisms/blog-sections/blog-masonry/blog-masonry.stories.tsx
 create mode 100644 apps/www/src/components/ui/organisms/blog-sections/blog-three-column/blog-three-column.stories.tsx
 create mode 100644 apps/www/src/components/ui/organisms/contact-sections/contact-split-with-pattern/contact-split-with-pattern.stories.tsx
 create mode 100644 apps/www/src/components/ui/organisms/content-sections/content-markdown/content-markdown.stories.tsx
 create mode 100644 apps/www/src/components/ui/organisms/content-sections/content-two-column/content-two-column.stories.tsx
 create mode 100644 apps/www/src/components/ui/organisms/content-sections/introduction-with-logo/introduction-with-logo.stories.tsx
 create mode 100644 apps/www/src/components/ui/organisms/cta-sections/join-our-team/join-our-team.stories.tsx
 create mode 100644 apps/www/src/components/ui/organisms/customer-sections/customer-logos-simple-with-title/customer-logo-simple-with-title.stories.tsx
 create mode 100644 apps/www/src/components/ui/organisms/draft-modal/draft-modal.stories.tsx
 create mode 100644 apps/www/src/components/ui/organisms/feature-sections/feature-alternate-position-icon/feature-alternate-position.stories.tsx
 create mode 100644 apps/www/src/components/ui/organisms/feature-sections/feature-one-column/feature-one-column.stories.tsx
 create mode 100644 apps/www/src/components/ui/organisms/feature-sections/feature-three-column-with-large-icons/feature-three-column-with-large-icons.stories.tsx
 create mode 100644 apps/www/src/components/ui/organisms/footer/footer.stories.tsx
 create mode 100644 apps/www/src/components/ui/organisms/header-sections/header-with-cards/header-with-cards.stories.tsx
 create mode 100644 apps/www/src/components/ui/organisms/header/header.stories.tsx
 create mode 100644 apps/www/src/components/ui/organisms/hero-sections/hero-simple-center-with-background/hero-simple-center-with-background.stories.tsx
 create mode 100644 apps/www/src/components/ui/organisms/hero-sections/hero-simple-center/hero-simple-center.stories.tsx
 create mode 100644 apps/www/src/components/ui/organisms/image-sections/image-simple/image-simple.stories.tsx
 rename apps/www/src/components/ui/organisms/image-sections/{image-simple.tsx => image-simple/index.tsx} (100%)
 create mode 100644 apps/www/src/components/ui/organisms/logo-clouds/logo-clouds-simple-with-title/logo-clouds-simple-with-title.stories.tsx
 create mode 100644 apps/www/src/components/ui/organisms/partner-sections/partner-logos-simple-with-title/partner-logos-simple-with-title.stories.tsx
 create mode 100644 apps/www/src/components/ui/organisms/service-sections/service-alternate-position-icon/service-alternate-position-icon.stories.tsx
 create mode 100644 apps/www/src/components/ui/organisms/service-sections/service-three-column-with-large-icons/service-three-column-with-large-icons.stories.tsx
 create mode 100644 apps/www/src/components/ui/organisms/solution-sections/solution-one-column/solution-one-column.stories.tsx
 create mode 100644 apps/www/src/components/ui/organisms/solution-sections/solution-three-column-with-large-icons/solution-three-column-with-large-icons.stories.tsx
 create mode 100644 apps/www/src/components/ui/organisms/team-sections/team-three-column/team-three-column.stories.tsx
 create mode 100644 apps/www/src/components/ui/organisms/value-sections/value-two-column/value-two-column.stories.tsx
 create mode 100644 apps/www/src/tests/factories/card-with-icon.factory.ts
 create mode 100644 apps/www/src/tests/factories/company.factory.ts
 create mode 100644 apps/www/src/tests/factories/cta.factory.ts
 create mode 100644 apps/www/src/tests/factories/customer.factory.ts
 create mode 100644 apps/www/src/tests/factories/feature.factory.ts
 create mode 100644 apps/www/src/tests/factories/icon.factory.ts
 create mode 100644 apps/www/src/tests/factories/location.factory.ts
 create mode 100644 apps/www/src/tests/factories/partner.factory.ts
 create mode 100644 apps/www/src/tests/factories/service.factory.ts
 create mode 100644 apps/www/src/tests/factories/solution.factory.ts

diff --git a/apps/www/src/components/ui/molecules/cards/with-icon/index.tsx b/apps/www/src/components/ui/molecules/cards/with-icon/index.tsx
new file mode 100644
index 00000000..bd1908e6
--- /dev/null
+++ b/apps/www/src/components/ui/molecules/cards/with-icon/index.tsx
@@ -0,0 +1,18 @@
+import {CardWithIconProps} from '@/models/card.model'
+import Icon from '@/components/ui/atoms/icon'
+
+export default function CardWithIcon({title, icon, description}: CardWithIconProps) {
+  return (
+    <div>
+      <div className='flex flex-row items-center gap-x-3'>
+        <Icon
+          {...icon}
+          className='flex-none text-sky-300 w-7 h-7'
+          aria-hidden='true'
+        />
+        <h3 className='font-medium text-[18px] leading-10 text-white'>{title}</h3>
+      </div>
+      <p className='text-base font-light leading-7 text-slate-400'>{description}</p>
+    </div>
+  )
+}
diff --git a/apps/www/src/components/ui/molecules/cards/with-icon/team-member.stories.tsx b/apps/www/src/components/ui/molecules/cards/with-icon/team-member.stories.tsx
new file mode 100644
index 00000000..3bab0000
--- /dev/null
+++ b/apps/www/src/components/ui/molecules/cards/with-icon/team-member.stories.tsx
@@ -0,0 +1,23 @@
+import {CardWithIconProps} from '@/models/card.model'
+import {faker} from '@faker-js/faker'
+import {iconFactory} from '@/tests/factories/icon.factory'
+import CardWithIcon from './index'
+import type {Meta} from '@storybook/react'
+
+const meta = {
+  title: 'components/Molecules/Cards/WithIcon',
+  component: CardWithIcon,
+  tags: ['autodocs'],
+  args: {
+    title: faker.lorem.sentence(),
+    description: faker.lorem.sentence(),
+    icon: iconFactory()
+  }
+} satisfies Meta<typeof CardWithIcon>
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  render: (args: CardWithIconProps) => <CardWithIcon {...args} />
+}
diff --git a/apps/www/src/components/ui/organisms/blog-sections/blog-masonry/blog-masonry.stories.tsx b/apps/www/src/components/ui/organisms/blog-sections/blog-masonry/blog-masonry.stories.tsx
new file mode 100644
index 00000000..a0645aa8
--- /dev/null
+++ b/apps/www/src/components/ui/organisms/blog-sections/blog-masonry/blog-masonry.stories.tsx
@@ -0,0 +1,22 @@
+import {articleFactory} from '@/tests/factories/article.factory'
+import {faker} from '@faker-js/faker'
+import BlogMasonry, {BlogMasonryProps} from './index'
+import type {Meta} from '@storybook/react'
+
+const meta = {
+  title: 'components/Organisms/BlogSections/BlogMasonry',
+  component: BlogMasonry,
+  tags: ['autodocs'],
+  args: {
+    title: faker.lorem.sentence(),
+    subtitle: faker.lorem.paragraph(),
+    articles: Array.from({length: 10}, () => articleFactory())
+  }
+} satisfies Meta<typeof BlogMasonry>
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  render: (args: BlogMasonryProps) => <BlogMasonry {...args} />
+}
diff --git a/apps/www/src/components/ui/organisms/blog-sections/blog-three-column/blog-three-column.stories.tsx b/apps/www/src/components/ui/organisms/blog-sections/blog-three-column/blog-three-column.stories.tsx
new file mode 100644
index 00000000..7ee0631a
--- /dev/null
+++ b/apps/www/src/components/ui/organisms/blog-sections/blog-three-column/blog-three-column.stories.tsx
@@ -0,0 +1,22 @@
+import {articleFactory} from '@/tests/factories/article.factory'
+import {faker} from '@faker-js/faker'
+import BlogThreeColumn, {BlogThreeColumnProps} from './index'
+import type {Meta} from '@storybook/react'
+
+const meta = {
+  title: 'components/Organisms/BlogSections/BlogThreeColumn',
+  component: BlogThreeColumn,
+  tags: ['autodocs'],
+  args: {
+    title: faker.lorem.sentence(),
+    subtitle: faker.lorem.paragraph(),
+    articles: Array.from({length: 3}, () => articleFactory())
+  }
+} satisfies Meta<typeof BlogThreeColumn>
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  render: (args: BlogThreeColumnProps) => <BlogThreeColumn {...args} />
+}
diff --git a/apps/www/src/components/ui/organisms/contact-sections/contact-split-with-pattern/contact-split-with-pattern.stories.tsx b/apps/www/src/components/ui/organisms/contact-sections/contact-split-with-pattern/contact-split-with-pattern.stories.tsx
new file mode 100644
index 00000000..ef9917a3
--- /dev/null
+++ b/apps/www/src/components/ui/organisms/contact-sections/contact-split-with-pattern/contact-split-with-pattern.stories.tsx
@@ -0,0 +1,24 @@
+import {faker} from '@faker-js/faker'
+import {locationFactory} from '@/tests/factories/location.factory'
+import ContactSplitWithPattern, {ContactSplitWithPatternProps} from './index'
+import dictionary from '@/dictionaries/en.json'
+import type {Meta} from '@storybook/react'
+
+const meta = {
+  title: 'components/Organisms/ContactSections/ContactSplitWithPattern',
+  component: ContactSplitWithPattern,
+  tags: ['autodocs'],
+  args: {
+    dictionary,
+    title: faker.lorem.sentence(),
+    subtitle: faker.lorem.paragraph(),
+    locations: Array.from({length: 3}, () => locationFactory())
+  }
+} satisfies Meta<typeof ContactSplitWithPattern>
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  render: (args: ContactSplitWithPatternProps) => <ContactSplitWithPattern {...args} />
+}
diff --git a/apps/www/src/components/ui/organisms/content-sections/content-markdown/content-markdown.stories.tsx b/apps/www/src/components/ui/organisms/content-sections/content-markdown/content-markdown.stories.tsx
new file mode 100644
index 00000000..54774e32
--- /dev/null
+++ b/apps/www/src/components/ui/organisms/content-sections/content-markdown/content-markdown.stories.tsx
@@ -0,0 +1,19 @@
+import {faker} from '@faker-js/faker'
+import ContentMarkdown, {ContentMarkdownProps} from './index'
+import type {Meta} from '@storybook/react'
+
+const meta = {
+  title: 'components/Organisms/ContentSections/ContentMarkdown',
+  component: ContentMarkdown,
+  tags: ['autodocs'],
+  args: {
+    content: faker.lorem.paragraphs(10)
+  }
+} satisfies Meta<typeof ContentMarkdown>
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  render: (args: ContentMarkdownProps) => <ContentMarkdown {...args} />
+}
diff --git a/apps/www/src/components/ui/organisms/content-sections/content-markdown/index.tsx b/apps/www/src/components/ui/organisms/content-sections/content-markdown/index.tsx
index 6cbd04ba..50ac51fd 100644
--- a/apps/www/src/components/ui/organisms/content-sections/content-markdown/index.tsx
+++ b/apps/www/src/components/ui/organisms/content-sections/content-markdown/index.tsx
@@ -1,10 +1,10 @@
-import {MarkdownViewer} from '@/components/ui/molecules/mardown'
+import MarkdownViewer from '@/components/ui/molecules/mardown'
 
-export type ContentTwoColumnProps = {
+export type ContentMarkdownProps = {
   content: string
 }
 
-export default function ContentMarkdown(props: ContentTwoColumnProps) {
+export default function ContentMarkdown(props: ContentMarkdownProps) {
   return (
     <div className='px-6 mx-auto mt-20 max-w-7xl lg:px-8'>
       <MarkdownViewer
diff --git a/apps/www/src/components/ui/organisms/content-sections/content-two-column/content-two-column.stories.tsx b/apps/www/src/components/ui/organisms/content-sections/content-two-column/content-two-column.stories.tsx
new file mode 100644
index 00000000..1ab779e3
--- /dev/null
+++ b/apps/www/src/components/ui/organisms/content-sections/content-two-column/content-two-column.stories.tsx
@@ -0,0 +1,20 @@
+import {faker} from '@faker-js/faker'
+import ContentTwoColumn, {ContentTwoColumnProps} from './index'
+import type {Meta} from '@storybook/react'
+
+const meta = {
+  title: 'components/Organisms/ContentSections/ContentTwoColumn',
+  component: ContentTwoColumn,
+  tags: ['autodocs'],
+  args: {
+    contentLeft: faker.lorem.paragraphs(2),
+    contentRight: faker.lorem.paragraphs(2)
+  }
+} satisfies Meta<typeof ContentTwoColumn>
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  render: (args: ContentTwoColumnProps) => <ContentTwoColumn {...args} />
+}
diff --git a/apps/www/src/components/ui/organisms/content-sections/introduction-with-logo/introduction-with-logo.stories.tsx b/apps/www/src/components/ui/organisms/content-sections/introduction-with-logo/introduction-with-logo.stories.tsx
new file mode 100644
index 00000000..ed501950
--- /dev/null
+++ b/apps/www/src/components/ui/organisms/content-sections/introduction-with-logo/introduction-with-logo.stories.tsx
@@ -0,0 +1,22 @@
+import {faker} from '@faker-js/faker'
+import {imageFactory} from '@/tests/factories/image.factory'
+import IntroductionWithLogo, {IntroductionWithLogoProps} from './index'
+import type {Meta} from '@storybook/react'
+
+const meta = {
+  title: 'components/Organisms/ContentSections/IntroductionWithLogo',
+  component: IntroductionWithLogo,
+  tags: ['autodocs'],
+  args: {
+    title: faker.lorem.sentence(),
+    description: faker.lorem.paragraph(),
+    logo: imageFactory()
+  }
+} satisfies Meta<typeof IntroductionWithLogo>
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  render: (args: IntroductionWithLogoProps) => <IntroductionWithLogo {...args} />
+}
diff --git a/apps/www/src/components/ui/organisms/cta-sections/join-our-team/index.tsx b/apps/www/src/components/ui/organisms/cta-sections/join-our-team/index.tsx
index 8488414e..543b48ef 100644
--- a/apps/www/src/components/ui/organisms/cta-sections/join-our-team/index.tsx
+++ b/apps/www/src/components/ui/organisms/cta-sections/join-our-team/index.tsx
@@ -1,8 +1,9 @@
 import {Benefit} from '@/models/benefit.model'
 import {CTAProps} from '@/models/cta.model'
 import {CheckCircleIcon} from '@heroicons/react/24/solid'
+import {ImageProps} from '@/models/image.model'
 import Button from '@/components/ui/atoms/button'
-import Image, {ImageProps} from 'next/image'
+import Image from 'next/image'
 
 export type JoinOurTeamProps = {
   title: string
@@ -22,8 +23,10 @@ export default function JoinOurTeam(props: JoinOurTeamProps) {
         >
           <Image
             className='flex-none object-cover w-full shadow-xl h-96 rounded-2xl lg:aspect-square lg:h-auto lg:max-w-sm'
-            {...props.image}
-            alt='join team'
+            src={props.image.url}
+            alt={props.image.alternateText || props.image.name}
+            width={props.image.width}
+            height={props.image.height}
           />
           <div className='flex-auto w-full'>
             <h2 className='text-3xl font-bold tracking-tight text-white sm:text-4xl'>{props.title}</h2>
diff --git a/apps/www/src/components/ui/organisms/cta-sections/join-our-team/join-our-team.stories.tsx b/apps/www/src/components/ui/organisms/cta-sections/join-our-team/join-our-team.stories.tsx
new file mode 100644
index 00000000..d897bf55
--- /dev/null
+++ b/apps/www/src/components/ui/organisms/cta-sections/join-our-team/join-our-team.stories.tsx
@@ -0,0 +1,27 @@
+import {ctaFactory} from '@/tests/factories/cta.factory'
+import {faker} from '@faker-js/faker'
+import {imageFactory} from '@/tests/factories/image.factory'
+import JoinOurTeam, {JoinOurTeamProps} from './index'
+import type {Meta} from '@storybook/react'
+
+const meta = {
+  title: 'components/Organisms/CtaSections/JoinOurTeam',
+  component: JoinOurTeam,
+  tags: ['autodocs'],
+  args: {
+    title: faker.lorem.sentence(),
+    subtitle: faker.lorem.paragraph(),
+    benefits: Array.from({length: 3}, () => ({
+      name: faker.lorem.sentence()
+    })),
+    cta: ctaFactory(),
+    image: imageFactory()
+  }
+} satisfies Meta<typeof JoinOurTeam>
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  render: (args: JoinOurTeamProps) => <JoinOurTeam {...args} />
+}
diff --git a/apps/www/src/components/ui/organisms/customer-sections/customer-logos-simple-with-title/customer-logo-simple-with-title.stories.tsx b/apps/www/src/components/ui/organisms/customer-sections/customer-logos-simple-with-title/customer-logo-simple-with-title.stories.tsx
new file mode 100644
index 00000000..f045c1ff
--- /dev/null
+++ b/apps/www/src/components/ui/organisms/customer-sections/customer-logos-simple-with-title/customer-logo-simple-with-title.stories.tsx
@@ -0,0 +1,21 @@
+import {faker} from '@faker-js/faker'
+import CustomerFactory from '@/tests/factories/customer.factory'
+import CustomerLogosSimpleWithTitle, {CustomerLogosSimpleWithTitleProps} from './index'
+import type {Meta} from '@storybook/react'
+
+const meta = {
+  title: 'components/Organisms/CustomerSections/CustomerLogosSimpleWithTitleProps',
+  component: CustomerLogosSimpleWithTitle,
+  tags: ['autodocs'],
+  args: {
+    title: faker.lorem.sentence(),
+    customers: Array.from({length: 4}, () => CustomerFactory())
+  }
+} satisfies Meta<typeof CustomerLogosSimpleWithTitle>
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  render: (args: CustomerLogosSimpleWithTitleProps) => <CustomerLogosSimpleWithTitle {...args} />
+}
diff --git a/apps/www/src/components/ui/organisms/customer-sections/customer-logos-simple-with-title/index.tsx b/apps/www/src/components/ui/organisms/customer-sections/customer-logos-simple-with-title/index.tsx
index d86dc91b..71a58880 100644
--- a/apps/www/src/components/ui/organisms/customer-sections/customer-logos-simple-with-title/index.tsx
+++ b/apps/www/src/components/ui/organisms/customer-sections/customer-logos-simple-with-title/index.tsx
@@ -10,7 +10,7 @@ export default function CustomerLogosSimpleWithTitle(props: CustomerLogosSimpleW
   return (
     <LogoCloudsSimpleWithTitle
       title={props.title}
-      companies={props.customers}
+      images={props.customers.map((customer) => customer.image)}
     />
   )
 }
diff --git a/apps/www/src/components/ui/organisms/draft-modal/draft-modal.stories.tsx b/apps/www/src/components/ui/organisms/draft-modal/draft-modal.stories.tsx
new file mode 100644
index 00000000..0cb9e537
--- /dev/null
+++ b/apps/www/src/components/ui/organisms/draft-modal/draft-modal.stories.tsx
@@ -0,0 +1,22 @@
+import DraftModal from './index'
+import type {Meta} from '@storybook/react'
+
+const meta = {
+  title: 'components/Organisms/DraftModal',
+  component: DraftModal,
+  tags: ['autodocs'],
+  parameters: {
+    docs: {
+      story: {
+        height: '500px'
+      }
+    }
+  }
+} satisfies Meta<typeof DraftModal>
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  render: () => <DraftModal />
+}
diff --git a/apps/www/src/components/ui/organisms/feature-sections/feature-alternate-position-icon/feature-alternate-position.stories.tsx b/apps/www/src/components/ui/organisms/feature-sections/feature-alternate-position-icon/feature-alternate-position.stories.tsx
new file mode 100644
index 00000000..883002c7
--- /dev/null
+++ b/apps/www/src/components/ui/organisms/feature-sections/feature-alternate-position-icon/feature-alternate-position.stories.tsx
@@ -0,0 +1,22 @@
+import {faker} from '@faker-js/faker'
+import {featureFactory} from '@/tests/factories/feature.factory'
+import FeatureAlternatePositionIcon, {FeatureAlternatePositionIconProps} from './index'
+import type {Meta} from '@storybook/react'
+
+const meta = {
+  title: 'components/Organisms/FeatureSection/FeatureAlternatePositionIcon',
+  component: FeatureAlternatePositionIcon,
+  tags: ['autodocs'],
+  args: {
+    title: faker.lorem.sentence(),
+    subtitle: faker.lorem.sentence(),
+    features: Array.from({length: 3}, () => featureFactory({type: 'outline'}))
+  }
+} satisfies Meta<typeof FeatureAlternatePositionIcon>
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  render: (args: FeatureAlternatePositionIconProps) => <FeatureAlternatePositionIcon {...args} />
+}
diff --git a/apps/www/src/components/ui/organisms/feature-sections/feature-one-column/feature-one-column.stories.tsx b/apps/www/src/components/ui/organisms/feature-sections/feature-one-column/feature-one-column.stories.tsx
new file mode 100644
index 00000000..7e156b89
--- /dev/null
+++ b/apps/www/src/components/ui/organisms/feature-sections/feature-one-column/feature-one-column.stories.tsx
@@ -0,0 +1,22 @@
+import {faker} from '@faker-js/faker'
+import {featureFactory} from '@/tests/factories/feature.factory'
+import FeatureOneColumn, {FeatureOneColumnProps} from './index'
+import type {Meta} from '@storybook/react'
+
+const meta = {
+  title: 'components/Organisms/FeatureSection/FeatureOneColumn',
+  component: FeatureOneColumn,
+  tags: ['autodocs'],
+  args: {
+    title: faker.lorem.sentence(),
+    subtitle: faker.lorem.sentence(),
+    features: Array.from({length: 3}, () => featureFactory({type: 'outline'}))
+  }
+} satisfies Meta<typeof FeatureOneColumn>
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  render: (args: FeatureOneColumnProps) => <FeatureOneColumn {...args} />
+}
diff --git a/apps/www/src/components/ui/organisms/feature-sections/feature-three-column-with-large-icons/feature-three-column-with-large-icons.stories.tsx b/apps/www/src/components/ui/organisms/feature-sections/feature-three-column-with-large-icons/feature-three-column-with-large-icons.stories.tsx
new file mode 100644
index 00000000..f8f01889
--- /dev/null
+++ b/apps/www/src/components/ui/organisms/feature-sections/feature-three-column-with-large-icons/feature-three-column-with-large-icons.stories.tsx
@@ -0,0 +1,29 @@
+import {faker} from '@faker-js/faker'
+import {featureFactory} from '@/tests/factories/feature.factory'
+import FeatureThreeColumnWithLargeIcons, {FeatureThreeColumnWithLargeIconsProps} from './index'
+import type {Meta} from '@storybook/react'
+
+const meta = {
+  title: 'components/Organisms/FeatureSection/FeatureThreeColumnWithLargeIcons',
+  component: FeatureThreeColumnWithLargeIcons,
+  tags: ['autodocs'],
+  argTypes: {
+    titleAlignment: {
+      options: ['left', 'center'],
+      control: {type: 'select'}
+    }
+  },
+  args: {
+    title: faker.lorem.sentence(),
+    subtitle: faker.lorem.sentence(),
+    features: Array.from({length: 3}, () => featureFactory({type: 'solid'})),
+    titleAlignment: 'left'
+  }
+} satisfies Meta<typeof FeatureThreeColumnWithLargeIcons>
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  render: (args: FeatureThreeColumnWithLargeIconsProps) => <FeatureThreeColumnWithLargeIcons {...args} />
+}
diff --git a/apps/www/src/components/ui/organisms/footer/footer.stories.tsx b/apps/www/src/components/ui/organisms/footer/footer.stories.tsx
new file mode 100644
index 00000000..509cbc7d
--- /dev/null
+++ b/apps/www/src/components/ui/organisms/footer/footer.stories.tsx
@@ -0,0 +1,25 @@
+import {faker} from '@faker-js/faker'
+import {serviceFactory} from '@/tests/factories/service.factory'
+import {solutionFactory} from '@/tests/factories/solution.factory'
+import Footer, {FooterProps} from './index'
+import dictionary from '@/dictionaries/en.json'
+import type {Meta} from '@storybook/react'
+
+const meta = {
+  title: 'components/Organisms/Footer',
+  component: Footer,
+  tags: ['autodocs'],
+  args: {
+    dictionary,
+    text: faker.lorem.sentence(),
+    services: Array.from({length: 3}, () => serviceFactory()),
+    solutions: Array.from({length: 3}, () => solutionFactory())
+  }
+} satisfies Meta<typeof Footer>
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  render: (args: FooterProps) => <Footer {...args} />
+}
diff --git a/apps/www/src/components/ui/organisms/footer/index.tsx b/apps/www/src/components/ui/organisms/footer/index.tsx
index 24bc35ca..8f2d3067 100644
--- a/apps/www/src/components/ui/organisms/footer/index.tsx
+++ b/apps/www/src/components/ui/organisms/footer/index.tsx
@@ -14,7 +14,7 @@ export type FooterProps = {
   services: Array<Pick<Service, 'title' | 'slug'>>
 }
 
-export default async function Footer(props: FooterProps) {
+export default function Footer(props: FooterProps) {
   const companyLinks: Array<LinkProps> = [
     {text: props.dictionary.about, link: '/about'},
     {text: props.dictionary.blog, link: '/blog'}
diff --git a/apps/www/src/components/ui/organisms/header-sections/header-with-cards/header-with-cards.stories.tsx b/apps/www/src/components/ui/organisms/header-sections/header-with-cards/header-with-cards.stories.tsx
new file mode 100644
index 00000000..ae3e0f42
--- /dev/null
+++ b/apps/www/src/components/ui/organisms/header-sections/header-with-cards/header-with-cards.stories.tsx
@@ -0,0 +1,24 @@
+import {cardWithIconFactory} from '@/tests/factories/card-with-icon.factory'
+import {faker} from '@faker-js/faker'
+import {imageFactory} from '@/tests/factories/image.factory'
+import HeaderWithCards, {HeaderWithCardsProps} from './index'
+import type {Meta} from '@storybook/react'
+
+const meta = {
+  title: 'components/Organisms/HeaderSection/HeaderWithCards',
+  component: HeaderWithCards,
+  tags: ['autodocs'],
+  args: {
+    title: faker.lorem.sentence(),
+    subtitle: faker.lorem.sentence(),
+    image: imageFactory(),
+    cards: Array.from({length: 3}, () => cardWithIconFactory())
+  }
+} satisfies Meta<typeof HeaderWithCards>
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  render: (args: HeaderWithCardsProps) => <HeaderWithCards {...args} />
+}
diff --git a/apps/www/src/components/ui/organisms/header-sections/header-with-cards/index.tsx b/apps/www/src/components/ui/organisms/header-sections/header-with-cards/index.tsx
index 71c0292b..97bd0050 100644
--- a/apps/www/src/components/ui/organisms/header-sections/header-with-cards/index.tsx
+++ b/apps/www/src/components/ui/organisms/header-sections/header-with-cards/index.tsx
@@ -1,6 +1,6 @@
-import {CardWithIcon} from '@/models/card.model'
+import {CardWithIconProps} from '@/models/card.model'
 import {ImageProps} from '@/models/image.model'
-import Icon from '@/components/ui/atoms/icon'
+import CardWithIcon from '@/components/ui/molecules/cards/with-icon'
 import Image from 'next/image'
 import blurCyanImage from '@/../public/images/backgrounds/blur-cyan.png'
 
@@ -8,7 +8,7 @@ export type HeaderWithCardsProps = {
   title: string
   subtitle: string
   image: ImageProps
-  cards: Array<CardWithIcon>
+  cards: Array<CardWithIconProps>
 }
 
 export default function HeaderWithCards(props: HeaderWithCardsProps) {
@@ -40,17 +40,10 @@ export default function HeaderWithCards(props: HeaderWithCardsProps) {
             </p>
             <div className='flex flex-col mt-20 gap-y-6'>
               {props.cards.map((card) => (
-                <div key={card.title}>
-                  <div className='flex flex-row items-center gap-x-3'>
-                    <Icon
-                      {...card.icon}
-                      className='flex-none text-sky-300 w-7 h-7'
-                      aria-hidden='true'
-                    />
-                    <h3 className='font-medium text-[18px] leading-10 text-white'>{card.title}</h3>
-                  </div>
-                  <p className='text-base font-light leading-7 text-slate-400'>{card.description}</p>
-                </div>
+                <CardWithIcon
+                  key={card.title}
+                  {...card}
+                />
               ))}
             </div>
           </div>
diff --git a/apps/www/src/components/ui/organisms/header/header.stories.tsx b/apps/www/src/components/ui/organisms/header/header.stories.tsx
new file mode 100644
index 00000000..1b12af8d
--- /dev/null
+++ b/apps/www/src/components/ui/organisms/header/header.stories.tsx
@@ -0,0 +1,26 @@
+import Header, {HeaderProps} from './index'
+import dictionary from '@/dictionaries/en.json'
+import type {Meta} from '@storybook/react'
+
+const meta = {
+  title: 'components/Organisms/Header',
+  component: Header,
+  tags: ['autodocs'],
+  args: {
+    dictionary
+  },
+  parameters: {
+    docs: {
+      story: {
+        height: '200px'
+      }
+    }
+  }
+} satisfies Meta<typeof Header>
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  render: (args: HeaderProps) => <Header {...args} />
+}
diff --git a/apps/www/src/components/ui/organisms/header/index.tsx b/apps/www/src/components/ui/organisms/header/index.tsx
index 30dcdf8d..705387ec 100644
--- a/apps/www/src/components/ui/organisms/header/index.tsx
+++ b/apps/www/src/components/ui/organisms/header/index.tsx
@@ -12,7 +12,7 @@ import Button from '../../atoms/button'
 import LanguageSwitcher from '../../molecules/language-switcher'
 import Link from 'next/link'
 
-type HeaderProps = {
+export type HeaderProps = {
   dictionary: Dictionary
 }
 
diff --git a/apps/www/src/components/ui/organisms/hero-sections/hero-simple-center-with-background/hero-simple-center-with-background.stories.tsx b/apps/www/src/components/ui/organisms/hero-sections/hero-simple-center-with-background/hero-simple-center-with-background.stories.tsx
new file mode 100644
index 00000000..35083bd7
--- /dev/null
+++ b/apps/www/src/components/ui/organisms/hero-sections/hero-simple-center-with-background/hero-simple-center-with-background.stories.tsx
@@ -0,0 +1,25 @@
+import {ctaFactory} from '@/tests/factories/cta.factory'
+import {faker} from '@faker-js/faker'
+import {imageFactory} from '@/tests/factories/image.factory'
+import HeroSimpleCenterWithBackground, {HeroSimpleCenterWithBackgroundProps} from './index'
+import type {Meta} from '@storybook/react'
+
+const meta = {
+  title: 'components/Organisms/HeroSections/HeroSimpleCenterWithBackground',
+  component: HeroSimpleCenterWithBackground,
+  tags: ['autodocs'],
+  args: {
+    title: faker.lorem.sentence(),
+    subtitle: faker.lorem.sentence(),
+    image: imageFactory(),
+    leftCTA: ctaFactory(),
+    rightCTA: ctaFactory({tone: 'secondary'})
+  }
+} satisfies Meta<typeof HeroSimpleCenterWithBackground>
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  render: (args: HeroSimpleCenterWithBackgroundProps) => <HeroSimpleCenterWithBackground {...args} />
+}
diff --git a/apps/www/src/components/ui/organisms/hero-sections/hero-simple-center-with-background/index.tsx b/apps/www/src/components/ui/organisms/hero-sections/hero-simple-center-with-background/index.tsx
index 0a05e611..9d764f94 100644
--- a/apps/www/src/components/ui/organisms/hero-sections/hero-simple-center-with-background/index.tsx
+++ b/apps/www/src/components/ui/organisms/hero-sections/hero-simple-center-with-background/index.tsx
@@ -4,7 +4,7 @@ import Button from '@/components/ui/atoms/button'
 import Image from 'next/image'
 import Link from 'next/link'
 
-export type SimpleCenteredWithBackgroundProps = {
+export type HeroSimpleCenterWithBackgroundProps = {
   title: string
   subtitle: string
   image: ImageProps
@@ -12,7 +12,7 @@ export type SimpleCenteredWithBackgroundProps = {
   rightCTA: CTAProps
 }
 
-export default function HeroSimpleCenterWithBackground(props: SimpleCenteredWithBackgroundProps) {
+export default function HeroSimpleCenterWithBackground(props: HeroSimpleCenterWithBackgroundProps) {
   return (
     <div className='relative overflow-hidden pt-28 isolate'>
       <div
diff --git a/apps/www/src/components/ui/organisms/hero-sections/hero-simple-center/hero-simple-center.stories.tsx b/apps/www/src/components/ui/organisms/hero-sections/hero-simple-center/hero-simple-center.stories.tsx
new file mode 100644
index 00000000..ecd00cc6
--- /dev/null
+++ b/apps/www/src/components/ui/organisms/hero-sections/hero-simple-center/hero-simple-center.stories.tsx
@@ -0,0 +1,20 @@
+import {faker} from '@faker-js/faker'
+import HeroSimpleCenter, {HeroSimpleCenterProps} from './index'
+import type {Meta} from '@storybook/react'
+
+const meta = {
+  title: 'components/Organisms/HeroSections/HeroSimpleCenter',
+  component: HeroSimpleCenter,
+  tags: ['autodocs'],
+  args: {
+    title: faker.lorem.sentence(),
+    subtitle: faker.lorem.sentence()
+  }
+} satisfies Meta<typeof HeroSimpleCenter>
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  render: (args: HeroSimpleCenterProps) => <HeroSimpleCenter {...args} />
+}
diff --git a/apps/www/src/components/ui/organisms/hero-sections/hero-simple-center/index.tsx b/apps/www/src/components/ui/organisms/hero-sections/hero-simple-center/index.tsx
index d6f63069..f57b1b65 100644
--- a/apps/www/src/components/ui/organisms/hero-sections/hero-simple-center/index.tsx
+++ b/apps/www/src/components/ui/organisms/hero-sections/hero-simple-center/index.tsx
@@ -1,9 +1,9 @@
-export type SimpleCenteredProps = {
+export type HeroSimpleCenterProps = {
   title: string
   subtitle: string
 }
 
-export default function HeroSimpleCenter(props: SimpleCenteredProps) {
+export default function HeroSimpleCenter(props: HeroSimpleCenterProps) {
   return (
     <div className='overflow-hidden pt-14'>
       <div
diff --git a/apps/www/src/components/ui/organisms/image-sections/image-simple/image-simple.stories.tsx b/apps/www/src/components/ui/organisms/image-sections/image-simple/image-simple.stories.tsx
new file mode 100644
index 00000000..76f38e17
--- /dev/null
+++ b/apps/www/src/components/ui/organisms/image-sections/image-simple/image-simple.stories.tsx
@@ -0,0 +1,19 @@
+import {imageFactory} from '@/tests/factories/image.factory'
+import ImageSimple, {ImageSimpleProps} from './index'
+import type {Meta} from '@storybook/react'
+
+const meta = {
+  title: 'components/Organisms/ImageSections/ImageSimple',
+  component: ImageSimple,
+  tags: ['autodocs'],
+  args: {
+    image: imageFactory()
+  }
+} satisfies Meta<typeof ImageSimple>
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  render: (args: ImageSimpleProps) => <ImageSimple {...args} />
+}
diff --git a/apps/www/src/components/ui/organisms/image-sections/image-simple.tsx b/apps/www/src/components/ui/organisms/image-sections/image-simple/index.tsx
similarity index 100%
rename from apps/www/src/components/ui/organisms/image-sections/image-simple.tsx
rename to apps/www/src/components/ui/organisms/image-sections/image-simple/index.tsx
diff --git a/apps/www/src/components/ui/organisms/logo-clouds/logo-clouds-simple-with-title/index.tsx b/apps/www/src/components/ui/organisms/logo-clouds/logo-clouds-simple-with-title/index.tsx
index 14f3020c..2b791ab9 100644
--- a/apps/www/src/components/ui/organisms/logo-clouds/logo-clouds-simple-with-title/index.tsx
+++ b/apps/www/src/components/ui/organisms/logo-clouds/logo-clouds-simple-with-title/index.tsx
@@ -1,18 +1,18 @@
-import {Company} from '@/models/company.model'
+import {ImageProps} from '@/models/image.model'
 import Image from 'next/image'
 
 export type LogoCloudsSimpleWithTitleProps = {
   title: string
-  companies: Array<Company>
+  images: Array<ImageProps>
 }
 
-export default function LogoCloudSimpleWithTitle(props: LogoCloudsSimpleWithTitleProps) {
+export default function LogoCloudsSimpleWithTitle(props: LogoCloudsSimpleWithTitleProps) {
   return (
     <div className='py-20 lg:py-[104px]'>
       <div className='px-6 mx-auto max-w-7xl lg:px-8'>
         <h2 className='text-lg font-semibold leading-8 text-center text-white'>{props.title}</h2>
         <div className='grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-4 mt-7 gap-x-6 sm:gap-y-6'>
-          {props.companies.map((company, index) => (
+          {props.images.map((image, index) => (
             <div
               key={index}
               className='flex items-center justify-center w-full p-7 sm:p-8 lg:p-11 sm:h-28 lg:h-36 bg-slate-800 \
@@ -20,10 +20,10 @@ export default function LogoCloudSimpleWithTitle(props: LogoCloudsSimpleWithTitl
             >
               <Image
                 className='max-h-6 sm:max-h-8 lg:max-h-11'
-                src={company.image.url}
-                alt={company.image.alternateText || company.name}
-                width={company.image.width}
-                height={company.image.height}
+                src={image.url}
+                alt={image.alternateText || image.name}
+                width={image.width}
+                height={image.height}
               />
             </div>
           ))}
diff --git a/apps/www/src/components/ui/organisms/logo-clouds/logo-clouds-simple-with-title/logo-clouds-simple-with-title.stories.tsx b/apps/www/src/components/ui/organisms/logo-clouds/logo-clouds-simple-with-title/logo-clouds-simple-with-title.stories.tsx
new file mode 100644
index 00000000..e690f966
--- /dev/null
+++ b/apps/www/src/components/ui/organisms/logo-clouds/logo-clouds-simple-with-title/logo-clouds-simple-with-title.stories.tsx
@@ -0,0 +1,21 @@
+import {faker} from '@faker-js/faker'
+import {imageFactory} from '@/tests/factories/image.factory'
+import LogoCloudsSimpleWithTitle, {LogoCloudsSimpleWithTitleProps} from './index'
+import type {Meta} from '@storybook/react'
+
+const meta = {
+  title: 'components/Organisms/LogoClouds/LogoCloudsSimpleWithTitle',
+  component: LogoCloudsSimpleWithTitle,
+  tags: ['autodocs'],
+  args: {
+    title: faker.lorem.sentence(),
+    images: Array.from({length: 4}, () => imageFactory({category: 'logo'}))
+  }
+} satisfies Meta<typeof LogoCloudsSimpleWithTitle>
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  render: (args: LogoCloudsSimpleWithTitleProps) => <LogoCloudsSimpleWithTitle {...args} />
+}
diff --git a/apps/www/src/components/ui/organisms/partner-sections/partner-logos-simple-with-title/index.tsx b/apps/www/src/components/ui/organisms/partner-sections/partner-logos-simple-with-title/index.tsx
index 16ec8f4f..3062da65 100644
--- a/apps/www/src/components/ui/organisms/partner-sections/partner-logos-simple-with-title/index.tsx
+++ b/apps/www/src/components/ui/organisms/partner-sections/partner-logos-simple-with-title/index.tsx
@@ -10,7 +10,7 @@ export default function PartnerLogosSimpleWithTitle(props: PartnerLogosSimpleWit
   return (
     <LogoCloudsSimpleWithTitle
       title={props.title}
-      companies={props.partners}
+      images={props.partners.map((partner) => partner.image)}
     />
   )
 }
diff --git a/apps/www/src/components/ui/organisms/partner-sections/partner-logos-simple-with-title/partner-logos-simple-with-title.stories.tsx b/apps/www/src/components/ui/organisms/partner-sections/partner-logos-simple-with-title/partner-logos-simple-with-title.stories.tsx
new file mode 100644
index 00000000..0baf1496
--- /dev/null
+++ b/apps/www/src/components/ui/organisms/partner-sections/partner-logos-simple-with-title/partner-logos-simple-with-title.stories.tsx
@@ -0,0 +1,21 @@
+import {faker} from '@faker-js/faker'
+import PartnerLogosSimpleWithTitle, {PartnerLogosSimpleWithTitleProps} from './index'
+import partnerFactory from '@/tests/factories/partner.factory'
+import type {Meta} from '@storybook/react'
+
+const meta = {
+  title: 'components/Organisms/PartnerSections/PartnerLogosSimpleWithTitle',
+  component: PartnerLogosSimpleWithTitle,
+  tags: ['autodocs'],
+  args: {
+    title: faker.lorem.sentence(),
+    partners: Array.from({length: 4}, () => partnerFactory())
+  }
+} satisfies Meta<typeof PartnerLogosSimpleWithTitle>
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  render: (args: PartnerLogosSimpleWithTitleProps) => <PartnerLogosSimpleWithTitle {...args} />
+}
diff --git a/apps/www/src/components/ui/organisms/service-sections/service-alternate-position-icon/service-alternate-position-icon.stories.tsx b/apps/www/src/components/ui/organisms/service-sections/service-alternate-position-icon/service-alternate-position-icon.stories.tsx
new file mode 100644
index 00000000..6d8e5e27
--- /dev/null
+++ b/apps/www/src/components/ui/organisms/service-sections/service-alternate-position-icon/service-alternate-position-icon.stories.tsx
@@ -0,0 +1,22 @@
+import {faker} from '@faker-js/faker'
+import {serviceFactory} from '@/tests/factories/service.factory'
+import ServiceAlternatePositionIcon, {ServiceAlternatePositionIconProps} from './index'
+import type {Meta} from '@storybook/react'
+
+const meta = {
+  title: 'components/Organisms/ServiceSections/ServiceAlternatePositionIcon',
+  component: ServiceAlternatePositionIcon,
+  tags: ['autodocs'],
+  args: {
+    title: faker.lorem.sentence(),
+    subtitle: faker.lorem.sentence(),
+    services: Array.from({length: 4}, () => serviceFactory())
+  }
+} satisfies Meta<typeof ServiceAlternatePositionIcon>
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  render: (args: ServiceAlternatePositionIconProps) => <ServiceAlternatePositionIcon {...args} />
+}
diff --git a/apps/www/src/components/ui/organisms/service-sections/service-three-column-with-large-icons/index.tsx b/apps/www/src/components/ui/organisms/service-sections/service-three-column-with-large-icons/index.tsx
index b4c816f9..6273c955 100644
--- a/apps/www/src/components/ui/organisms/service-sections/service-three-column-with-large-icons/index.tsx
+++ b/apps/www/src/components/ui/organisms/service-sections/service-three-column-with-large-icons/index.tsx
@@ -1,13 +1,13 @@
 import {Service} from '@/models/service.model'
 import FeatureThreeColumnWithLargeIcons from '@/components/ui/organisms/feature-sections/feature-three-column-with-large-icons'
 
-export type ServiceThreeColumnWithLargeIcons = {
+export type ServiceThreeColumnWithLargeIconsProps = {
   title: string
   subtitle: string
   services: Array<Service>
 }
 
-export default function ServiceThreeColumnWithLargeIcons(props: ServiceThreeColumnWithLargeIcons) {
+export default function ServiceThreeColumnWithLargeIcons(props: ServiceThreeColumnWithLargeIconsProps) {
   const features = props.services.map((service) => {
     return {
       icon: service.icon,
diff --git a/apps/www/src/components/ui/organisms/service-sections/service-three-column-with-large-icons/service-three-column-with-large-icons.stories.tsx b/apps/www/src/components/ui/organisms/service-sections/service-three-column-with-large-icons/service-three-column-with-large-icons.stories.tsx
new file mode 100644
index 00000000..caf646a2
--- /dev/null
+++ b/apps/www/src/components/ui/organisms/service-sections/service-three-column-with-large-icons/service-three-column-with-large-icons.stories.tsx
@@ -0,0 +1,22 @@
+import {faker} from '@faker-js/faker'
+import {serviceFactory} from '@/tests/factories/service.factory'
+import ServiceThreeColumnWithLargeIcons, {ServiceThreeColumnWithLargeIconsProps} from './index'
+import type {Meta} from '@storybook/react'
+
+const meta = {
+  title: 'components/Organisms/ServiceSections/ServiceThreeColumnWithLargeIcons',
+  component: ServiceThreeColumnWithLargeIcons,
+  tags: ['autodocs'],
+  args: {
+    title: faker.lorem.sentence(),
+    subtitle: faker.lorem.sentence(),
+    services: Array.from({length: 3}, () => serviceFactory())
+  }
+} satisfies Meta<typeof ServiceThreeColumnWithLargeIcons>
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  render: (args: ServiceThreeColumnWithLargeIconsProps) => <ServiceThreeColumnWithLargeIcons {...args} />
+}
diff --git a/apps/www/src/components/ui/organisms/solution-sections/solution-one-column/solution-one-column.stories.tsx b/apps/www/src/components/ui/organisms/solution-sections/solution-one-column/solution-one-column.stories.tsx
new file mode 100644
index 00000000..7360b929
--- /dev/null
+++ b/apps/www/src/components/ui/organisms/solution-sections/solution-one-column/solution-one-column.stories.tsx
@@ -0,0 +1,22 @@
+import {faker} from '@faker-js/faker'
+import {solutionFactory} from '@/tests/factories/solution.factory'
+import SolutionOneColumn, {SolutionOneColumnProps} from './index'
+import type {Meta} from '@storybook/react'
+
+const meta = {
+  title: 'components/Organisms/SolutionSections/SolutionOneColumn',
+  component: SolutionOneColumn,
+  tags: ['autodocs'],
+  args: {
+    title: faker.lorem.sentence(),
+    subtitle: faker.lorem.sentence(),
+    solutions: Array.from({length: 4}, () => solutionFactory())
+  }
+} satisfies Meta<typeof SolutionOneColumn>
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  render: (args: SolutionOneColumnProps) => <SolutionOneColumn {...args} />
+}
diff --git a/apps/www/src/components/ui/organisms/solution-sections/solution-three-column-with-large-icons/solution-three-column-with-large-icons.stories.tsx b/apps/www/src/components/ui/organisms/solution-sections/solution-three-column-with-large-icons/solution-three-column-with-large-icons.stories.tsx
new file mode 100644
index 00000000..9b417302
--- /dev/null
+++ b/apps/www/src/components/ui/organisms/solution-sections/solution-three-column-with-large-icons/solution-three-column-with-large-icons.stories.tsx
@@ -0,0 +1,22 @@
+import {faker} from '@faker-js/faker'
+import {solutionFactory} from '@/tests/factories/solution.factory'
+import SolutionThreeColumnWithLargeIcons, {SolutionThreeColumnWithLargeIconsProps} from './index'
+import type {Meta} from '@storybook/react'
+
+const meta = {
+  title: 'components/Organisms/SolutionSections/SolutionThreeColumnWithLargeIcons',
+  component: SolutionThreeColumnWithLargeIcons,
+  tags: ['autodocs'],
+  args: {
+    title: faker.lorem.sentence(),
+    subtitle: faker.lorem.sentence(),
+    solutions: Array.from({length: 3}, () => solutionFactory())
+  }
+} satisfies Meta<typeof SolutionThreeColumnWithLargeIcons>
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  render: (args: SolutionThreeColumnWithLargeIconsProps) => <SolutionThreeColumnWithLargeIcons {...args} />
+}
diff --git a/apps/www/src/components/ui/organisms/team-sections/team-three-column/team-three-column.stories.tsx b/apps/www/src/components/ui/organisms/team-sections/team-three-column/team-three-column.stories.tsx
new file mode 100644
index 00000000..7433b685
--- /dev/null
+++ b/apps/www/src/components/ui/organisms/team-sections/team-three-column/team-three-column.stories.tsx
@@ -0,0 +1,22 @@
+import {faker} from '@faker-js/faker'
+import {teamMemberFactory} from '@/tests/factories/team-member.factory'
+import TeamThreeColumn, {TeamThreeColumnProps} from './index'
+import type {Meta} from '@storybook/react'
+
+const meta = {
+  title: 'components/Organisms/TeamSections/TeamThreeColumn',
+  component: TeamThreeColumn,
+  tags: ['autodocs'],
+  args: {
+    title: faker.lorem.sentence(),
+    subtitle: faker.lorem.sentence(),
+    teamMembers: Array.from({length: 6}, () => teamMemberFactory())
+  }
+} satisfies Meta<typeof TeamThreeColumn>
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  render: (args: TeamThreeColumnProps) => <TeamThreeColumn {...args} />
+}
diff --git a/apps/www/src/components/ui/organisms/value-sections/value-two-column/value-two-column.stories.tsx b/apps/www/src/components/ui/organisms/value-sections/value-two-column/value-two-column.stories.tsx
new file mode 100644
index 00000000..e9a6683d
--- /dev/null
+++ b/apps/www/src/components/ui/organisms/value-sections/value-two-column/value-two-column.stories.tsx
@@ -0,0 +1,24 @@
+import {faker} from '@faker-js/faker'
+import ValueTwoColumn, {ValueTwoColumnProps} from './index'
+import type {Meta} from '@storybook/react'
+
+const meta = {
+  title: 'components/Organisms/ValueSections/ValueTwoColumn',
+  component: ValueTwoColumn,
+  tags: ['autodocs'],
+  args: {
+    title: faker.lorem.sentence(),
+    subtitle: faker.lorem.sentence(),
+    values: Array.from({length: 2}, () => ({
+      name: faker.lorem.sentence(),
+      description: faker.lorem.sentence()
+    }))
+  }
+} satisfies Meta<typeof ValueTwoColumn>
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  render: (args: ValueTwoColumnProps) => <ValueTwoColumn {...args} />
+}
diff --git a/apps/www/src/models/card.model.ts b/apps/www/src/models/card.model.ts
index bb865e6e..589aaba6 100644
--- a/apps/www/src/models/card.model.ts
+++ b/apps/www/src/models/card.model.ts
@@ -10,4 +10,4 @@ export type Card = z.infer<typeof cardSchema>
 export const cardWithIconSchema = cardSchema.extend({
   icon: iconSchema
 })
-export type CardWithIcon = z.infer<typeof cardWithIconSchema>
+export type CardWithIconProps = z.infer<typeof cardWithIconSchema>
diff --git a/apps/www/src/models/location.model.ts b/apps/www/src/models/location.model.ts
index b8ff78de..ada25adb 100644
--- a/apps/www/src/models/location.model.ts
+++ b/apps/www/src/models/location.model.ts
@@ -1,4 +1,3 @@
-import {imageSchema} from './image.model'
 import {z} from 'zod'
 
 const locationSchema = z.object({
@@ -7,7 +6,6 @@ const locationSchema = z.object({
   city: z.string(),
   zipCode: z.string(),
   country: z.string(),
-  image: imageSchema,
   gMap: z.string()
 })
 export type LocationObject = z.infer<typeof locationSchema>
diff --git a/apps/www/src/tests/factories/card-with-icon.factory.ts b/apps/www/src/tests/factories/card-with-icon.factory.ts
new file mode 100644
index 00000000..c6dd5ed9
--- /dev/null
+++ b/apps/www/src/tests/factories/card-with-icon.factory.ts
@@ -0,0 +1,11 @@
+import {CardWithIconProps} from '@/models/card.model'
+import {faker} from '@faker-js/faker'
+import {iconFactory} from './icon.factory'
+
+export function cardWithIconFactory(): CardWithIconProps {
+  return {
+    title: faker.lorem.words(3),
+    description: faker.lorem.paragraph(),
+    icon: iconFactory()
+  }
+}
diff --git a/apps/www/src/tests/factories/company.factory.ts b/apps/www/src/tests/factories/company.factory.ts
new file mode 100644
index 00000000..dde690d6
--- /dev/null
+++ b/apps/www/src/tests/factories/company.factory.ts
@@ -0,0 +1,6 @@
+import {Company} from '@/models/company.model'
+import partnerFactory from './partner.factory'
+
+export default function companyFactory(): Company {
+  return partnerFactory()
+}
diff --git a/apps/www/src/tests/factories/cta.factory.ts b/apps/www/src/tests/factories/cta.factory.ts
new file mode 100644
index 00000000..af275702
--- /dev/null
+++ b/apps/www/src/tests/factories/cta.factory.ts
@@ -0,0 +1,17 @@
+import {CTAProps} from '@/models/cta.model'
+import {buttonTones} from '@/components/ui/atoms/button/button.model'
+import {faker} from '@faker-js/faker'
+
+export type CtaFactoryProps = {
+  tone?: (typeof buttonTones)[number]
+  link?: string
+  text?: string
+}
+
+export function ctaFactory(props?: CtaFactoryProps): CTAProps {
+  return {
+    tone: props?.tone || faker.helpers.arrayElement(buttonTones),
+    link: props?.link || '/',
+    text: props?.text || faker.lorem.words(2)
+  }
+}
diff --git a/apps/www/src/tests/factories/customer.factory.ts b/apps/www/src/tests/factories/customer.factory.ts
new file mode 100644
index 00000000..8471821f
--- /dev/null
+++ b/apps/www/src/tests/factories/customer.factory.ts
@@ -0,0 +1,6 @@
+import {Customer} from '@/models/customer.model'
+import partnerFactory from './partner.factory'
+
+export default function CustomerFactory(): Customer {
+  return partnerFactory()
+}
diff --git a/apps/www/src/tests/factories/feature.factory.ts b/apps/www/src/tests/factories/feature.factory.ts
new file mode 100644
index 00000000..cd799fbb
--- /dev/null
+++ b/apps/www/src/tests/factories/feature.factory.ts
@@ -0,0 +1,19 @@
+import {Feature} from '@/models/feature.model'
+import {faker} from '@faker-js/faker'
+import {iconNames, iconTypes} from '@/models/icon.model'
+
+export type FeatureFactoryProps = {
+  type: (typeof iconTypes)[number]
+}
+
+export function featureFactory({type}: FeatureFactoryProps): Feature {
+  return {
+    title: faker.lorem.sentence(),
+    description: faker.lorem.paragraph(),
+    icon: {
+      name: faker.helpers.arrayElement(iconNames),
+      type: type || 'outline'
+    },
+    link: faker.internet.url()
+  }
+}
diff --git a/apps/www/src/tests/factories/icon.factory.ts b/apps/www/src/tests/factories/icon.factory.ts
new file mode 100644
index 00000000..1993d947
--- /dev/null
+++ b/apps/www/src/tests/factories/icon.factory.ts
@@ -0,0 +1,14 @@
+import {IconType, iconNames, iconTypes} from '@/models/icon.model'
+import {faker} from '@faker-js/faker'
+
+export type IconFactoryProps = {
+  name?: (typeof iconNames)[number]
+  type?: (typeof iconTypes)[number]
+}
+
+export function iconFactory(props?: IconFactoryProps): IconType {
+  return {
+    name: props?.name || faker.helpers.arrayElement(iconNames),
+    type: props?.type || faker.helpers.arrayElement(iconTypes)
+  }
+}
diff --git a/apps/www/src/tests/factories/image.factory.ts b/apps/www/src/tests/factories/image.factory.ts
index ab6f87f5..799aa90f 100644
--- a/apps/www/src/tests/factories/image.factory.ts
+++ b/apps/www/src/tests/factories/image.factory.ts
@@ -15,6 +15,10 @@ export function imageFactory(props?: ImageFactoryProps): ImageProps {
     height,
     category: props?.category || 'nature'
   }
+  const url =
+    props?.category === 'logo'
+      ? 'https://56k-strapi.s3.eu-central-1.amazonaws.com/56k_cloud_logo_mark_white_7d3c136095.svg'
+      : faker.image.urlLoremFlickr(options)
   return {
     id: faker.number.int(),
     name: faker.system.fileName(),
@@ -26,13 +30,13 @@ export function imageFactory(props?: ImageFactoryProps): ImageProps {
     caption: faker.lorem.words(3),
     height,
     width,
-    url: faker.image.urlLoremFlickr(options),
+    url,
     folderPath: faker.system.filePath(),
     createdAt: faker.date.past().toISOString(),
     updatedAt: faker.date.past().toISOString(),
     previewUrl: faker.image.urlLoremFlickr(options),
     provider: 'faker',
     providerMetadata: faker.lorem.words(3),
-    placeholder: faker.image.urlLoremFlickr(options)
+    placeholder: 'empty'
   }
 }
diff --git a/apps/www/src/tests/factories/location.factory.ts b/apps/www/src/tests/factories/location.factory.ts
new file mode 100644
index 00000000..b2d7303d
--- /dev/null
+++ b/apps/www/src/tests/factories/location.factory.ts
@@ -0,0 +1,13 @@
+import {LocationObject} from '@/models/location.model'
+import {faker} from '@faker-js/faker'
+
+export function locationFactory(): LocationObject {
+  return {
+    name: faker.lorem.word(),
+    address: faker.location.streetAddress(),
+    city: faker.location.city(),
+    zipCode: faker.location.zipCode(),
+    country: faker.location.country(),
+    gMap: faker.internet.url()
+  }
+}
diff --git a/apps/www/src/tests/factories/partner.factory.ts b/apps/www/src/tests/factories/partner.factory.ts
new file mode 100644
index 00000000..fb94425e
--- /dev/null
+++ b/apps/www/src/tests/factories/partner.factory.ts
@@ -0,0 +1,12 @@
+import {Partner} from '@/models/partner.model'
+import {faker} from '@faker-js/faker'
+import {imageFactory} from './image.factory'
+
+export default function partnerFactory(): Partner {
+  return {
+    id: faker.number.int(),
+    name: faker.company.name(),
+    link: faker.internet.url(),
+    image: imageFactory({category: 'logo'})
+  }
+}
diff --git a/apps/www/src/tests/factories/service.factory.ts b/apps/www/src/tests/factories/service.factory.ts
new file mode 100644
index 00000000..7a0772f7
--- /dev/null
+++ b/apps/www/src/tests/factories/service.factory.ts
@@ -0,0 +1,6 @@
+import {Service} from '@/models/service.model'
+import {solutionFactory} from './solution.factory'
+
+export function serviceFactory(): Service {
+  return solutionFactory()
+}
diff --git a/apps/www/src/tests/factories/solution.factory.ts b/apps/www/src/tests/factories/solution.factory.ts
new file mode 100644
index 00000000..1ebb651a
--- /dev/null
+++ b/apps/www/src/tests/factories/solution.factory.ts
@@ -0,0 +1,18 @@
+import {Solution} from '@/models/solution.model'
+import {faker} from '@faker-js/faker'
+import {iconFactory} from './icon.factory'
+import {imageFactory} from './image.factory'
+
+export function solutionFactory(): Solution {
+  return {
+    title: faker.lorem.words(3),
+    slug: faker.lorem.slug(),
+    description: faker.lorem.paragraph(),
+    image: imageFactory(),
+    icon: iconFactory({type: 'outline'}),
+    relatedArticles: [],
+    relatedPartners: [],
+    relatedServices: [],
+    relatedSolutions: []
+  }
+}

From 78eab5ed4740792af5fa0abe4abf9ab8836bb928 Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Fri, 5 Jan 2024 20:09:46 +0000
Subject: [PATCH 13/66] wip

---
 .github/workflows/storybook.yml               | 29 +++++++++++++++++
 apps/www/package.json                         |  2 ++
 apps/www/scripts/storybook-checker.ts         | 32 +++++++++++++++++++
 ...input.stories.tsx => textarea.stories.tsx} |  0
 .../article/content-section/index.tsx         |  2 +-
 ...mber.stories.tsx => with-icon.stories.tsx} |  0
 .../molecules/{mardown => markdown}/index.tsx |  0
 .../markdown.stories.tsx                      |  0
 .../content-markdown/index.tsx                |  2 +-
 ...tomer-logos-simple-with-title.stories.tsx} |  0
 ...ature-alternate-position-icon.stories.tsx} |  0
 .../src/components/ui/svgs/icons/index.tsx    |  0
 .../icons/{spinner/index.tsx => spinner.tsx}  |  0
 pnpm-lock.yaml                                |  6 ++++
 14 files changed, 71 insertions(+), 2 deletions(-)
 create mode 100644 .github/workflows/storybook.yml
 create mode 100644 apps/www/scripts/storybook-checker.ts
 rename apps/www/src/components/ui/atoms/inputs/textarea/{input.stories.tsx => textarea.stories.tsx} (100%)
 rename apps/www/src/components/ui/molecules/cards/with-icon/{team-member.stories.tsx => with-icon.stories.tsx} (100%)
 rename apps/www/src/components/ui/molecules/{mardown => markdown}/index.tsx (100%)
 rename apps/www/src/components/ui/molecules/{mardown => markdown}/markdown.stories.tsx (100%)
 rename apps/www/src/components/ui/organisms/customer-sections/customer-logos-simple-with-title/{customer-logo-simple-with-title.stories.tsx => customer-logos-simple-with-title.stories.tsx} (100%)
 rename apps/www/src/components/ui/organisms/feature-sections/feature-alternate-position-icon/{feature-alternate-position.stories.tsx => feature-alternate-position-icon.stories.tsx} (100%)
 create mode 100644 apps/www/src/components/ui/svgs/icons/index.tsx
 rename apps/www/src/components/ui/svgs/icons/{spinner/index.tsx => spinner.tsx} (100%)

diff --git a/.github/workflows/storybook.yml b/.github/workflows/storybook.yml
new file mode 100644
index 00000000..1bdcc759
--- /dev/null
+++ b/.github/workflows/storybook.yml
@@ -0,0 +1,29 @@
+name: Lint Code Base
+
+on:
+  push:
+    branches-ignore: [master, main]
+  pull_request:
+    branches: [master, main]
+
+jobs:
+  component-check:
+    name: Storybook
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - name: Install modules
+        run: npm i
+      - name: Check for missing stories
+        id: check
+        run: npx tsx scripts/storybook-checker.ts
+      - name: Test
+        run: echo ${{ steps.check.outputs.summary }}
+        # - name: Comment PR
+        # uses: thollander/actions-comment-pull-request@v2
+        # if: steps.breaking.outcome == 'failure'
+        # with:
+        #   message: |
+        #     # Breaking changes 🛑
+        #     This PR introduces breaking changes. Please make sure this will not break the different clients, whether they are other services or mobile apps.
+        #     ${{ steps.table.outputs.table }}
diff --git a/apps/www/package.json b/apps/www/package.json
index 11b36867..eea2fd15 100644
--- a/apps/www/package.json
+++ b/apps/www/package.json
@@ -71,10 +71,12 @@
     "eslint-config-next": "14.0.1",
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-storybook": "^0.6.15",
+    "fast-glob": "^3.3.2",
     "postcss": "^8.4.31",
     "storybook": "^7.5.2",
     "tailwindcss": "^3.3.5",
     "tsconfig-paths-webpack-plugin": "^4.1.0",
+    "tsx": "^4.3.0",
     "typescript": "^5.2.2"
   }
 }
diff --git a/apps/www/scripts/storybook-checker.ts b/apps/www/scripts/storybook-checker.ts
new file mode 100644
index 00000000..d1a7b2d5
--- /dev/null
+++ b/apps/www/scripts/storybook-checker.ts
@@ -0,0 +1,32 @@
+import {exec} from 'child_process'
+import fg from 'fast-glob'
+import fs from 'fs'
+;(async () => {
+  const uiComponents = fg.sync('src/components/ui/**/*/index.tsx')
+  const componentsStories = await Promise.all(
+    uiComponents.map(async (path) => {
+      const splitedPath = path.split('/')
+      splitedPath.pop()
+      const parent = splitedPath.join('/')
+      const name = parent.split('/').pop()
+      const fileExists = fs.existsSync(`${parent}/${name}.stories.tsx`)
+      if (fileExists) {
+        console.log(`✅ - ${name} -> ${parent}`)
+        return {name, hasStory: '✅'}
+      } else {
+        console.log(`❌ - ${name} -> ${parent}`)
+        return {name, hasStory: '❌'}
+      }
+    })
+  )
+  const componentsWithoutStories = componentsStories.filter((c) => c.hasStory === '❌').length
+  const componentsWithStories = componentsStories.filter((c) => c.hasStory === '✅').length
+  console.log('components with stories', `${componentsWithStories}/${componentsStories.length}`)
+  console.log('components without stories', `${componentsWithoutStories}/${componentsStories.length}`)
+  exec(`echo "summary=${JSON.stringify(componentsStories)}\n' >> $GITHUB_OUTPUT`)
+  if (componentsWithoutStories > 0) {
+    throw new Error(
+      `${componentsWithoutStories} component${componentsWithoutStories > 1 ? 's are' : ' is'} missing a storybook file`
+    )
+  }
+})()
diff --git a/apps/www/src/components/ui/atoms/inputs/textarea/input.stories.tsx b/apps/www/src/components/ui/atoms/inputs/textarea/textarea.stories.tsx
similarity index 100%
rename from apps/www/src/components/ui/atoms/inputs/textarea/input.stories.tsx
rename to apps/www/src/components/ui/atoms/inputs/textarea/textarea.stories.tsx
diff --git a/apps/www/src/components/ui/molecules/article/content-section/index.tsx b/apps/www/src/components/ui/molecules/article/content-section/index.tsx
index 2b87066b..c9864184 100644
--- a/apps/www/src/components/ui/molecules/article/content-section/index.tsx
+++ b/apps/www/src/components/ui/molecules/article/content-section/index.tsx
@@ -4,7 +4,7 @@ import {TeamMember} from '@/models/team-member.model'
 import {formatDate} from '@/utils/toolbox'
 import ArticleCover from '../cover'
 import Avatar from '@/components/ui/atoms/avatar'
-import MarkdownViewer from '../../mardown'
+import MarkdownViewer from '../../markdown'
 import PostTagList from '../../tag-list'
 import React, {Suspense} from 'react'
 
diff --git a/apps/www/src/components/ui/molecules/cards/with-icon/team-member.stories.tsx b/apps/www/src/components/ui/molecules/cards/with-icon/with-icon.stories.tsx
similarity index 100%
rename from apps/www/src/components/ui/molecules/cards/with-icon/team-member.stories.tsx
rename to apps/www/src/components/ui/molecules/cards/with-icon/with-icon.stories.tsx
diff --git a/apps/www/src/components/ui/molecules/mardown/index.tsx b/apps/www/src/components/ui/molecules/markdown/index.tsx
similarity index 100%
rename from apps/www/src/components/ui/molecules/mardown/index.tsx
rename to apps/www/src/components/ui/molecules/markdown/index.tsx
diff --git a/apps/www/src/components/ui/molecules/mardown/markdown.stories.tsx b/apps/www/src/components/ui/molecules/markdown/markdown.stories.tsx
similarity index 100%
rename from apps/www/src/components/ui/molecules/mardown/markdown.stories.tsx
rename to apps/www/src/components/ui/molecules/markdown/markdown.stories.tsx
diff --git a/apps/www/src/components/ui/organisms/content-sections/content-markdown/index.tsx b/apps/www/src/components/ui/organisms/content-sections/content-markdown/index.tsx
index 50ac51fd..69737814 100644
--- a/apps/www/src/components/ui/organisms/content-sections/content-markdown/index.tsx
+++ b/apps/www/src/components/ui/organisms/content-sections/content-markdown/index.tsx
@@ -1,4 +1,4 @@
-import MarkdownViewer from '@/components/ui/molecules/mardown'
+import MarkdownViewer from '@/components/ui/molecules/markdown'
 
 export type ContentMarkdownProps = {
   content: string
diff --git a/apps/www/src/components/ui/organisms/customer-sections/customer-logos-simple-with-title/customer-logo-simple-with-title.stories.tsx b/apps/www/src/components/ui/organisms/customer-sections/customer-logos-simple-with-title/customer-logos-simple-with-title.stories.tsx
similarity index 100%
rename from apps/www/src/components/ui/organisms/customer-sections/customer-logos-simple-with-title/customer-logo-simple-with-title.stories.tsx
rename to apps/www/src/components/ui/organisms/customer-sections/customer-logos-simple-with-title/customer-logos-simple-with-title.stories.tsx
diff --git a/apps/www/src/components/ui/organisms/feature-sections/feature-alternate-position-icon/feature-alternate-position.stories.tsx b/apps/www/src/components/ui/organisms/feature-sections/feature-alternate-position-icon/feature-alternate-position-icon.stories.tsx
similarity index 100%
rename from apps/www/src/components/ui/organisms/feature-sections/feature-alternate-position-icon/feature-alternate-position.stories.tsx
rename to apps/www/src/components/ui/organisms/feature-sections/feature-alternate-position-icon/feature-alternate-position-icon.stories.tsx
diff --git a/apps/www/src/components/ui/svgs/icons/index.tsx b/apps/www/src/components/ui/svgs/icons/index.tsx
new file mode 100644
index 00000000..e69de29b
diff --git a/apps/www/src/components/ui/svgs/icons/spinner/index.tsx b/apps/www/src/components/ui/svgs/icons/spinner.tsx
similarity index 100%
rename from apps/www/src/components/ui/svgs/icons/spinner/index.tsx
rename to apps/www/src/components/ui/svgs/icons/spinner.tsx
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 991caa0f..1822ac6e 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -357,6 +357,9 @@ importers:
       eslint-plugin-storybook:
         specifier: ^0.6.15
         version: 0.6.15(eslint@8.56.0)(typescript@5.3.3)
+      fast-glob:
+        specifier: ^3.3.2
+        version: 3.3.2
       postcss:
         specifier: ^8.4.31
         version: 8.4.32
@@ -369,6 +372,9 @@ importers:
       tsconfig-paths-webpack-plugin:
         specifier: ^4.1.0
         version: 4.1.0
+      tsx:
+        specifier: ^4.3.0
+        version: 4.7.0
       typescript:
         specifier: ^5.2.2
         version: 5.3.3

From 921677756b05f9f8e15a2f3665801cbce526240b Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Fri, 5 Jan 2024 20:10:53 +0000
Subject: [PATCH 14/66] Update storybook.yml

---
 .github/workflows/storybook.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/storybook.yml b/.github/workflows/storybook.yml
index 1bdcc759..6f143b40 100644
--- a/.github/workflows/storybook.yml
+++ b/.github/workflows/storybook.yml
@@ -16,7 +16,7 @@ jobs:
         run: npm i
       - name: Check for missing stories
         id: check
-        run: npx tsx scripts/storybook-checker.ts
+        run: npx tsx apps/www/scripts/storybook-checker.ts
       - name: Test
         run: echo ${{ steps.check.outputs.summary }}
         # - name: Comment PR

From ab343873aafe51778d6649a20ec131b0f9dc4e8c Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Fri, 5 Jan 2024 20:26:10 +0000
Subject: [PATCH 15/66] wip

---
 .github/workflows/storybook.yml       |  2 +-
 apps/www/package.json                 |  2 +-
 apps/www/scripts/storybook-checker.ts |  7 +++----
 package.json                          |  3 ++-
 pnpm-lock.yaml                        | 30 ++++-----------------------
 5 files changed, 11 insertions(+), 33 deletions(-)

diff --git a/.github/workflows/storybook.yml b/.github/workflows/storybook.yml
index 6f143b40..a176e466 100644
--- a/.github/workflows/storybook.yml
+++ b/.github/workflows/storybook.yml
@@ -16,7 +16,7 @@ jobs:
         run: npm i
       - name: Check for missing stories
         id: check
-        run: npx tsx apps/www/scripts/storybook-checker.ts
+        run: echo "::set-output name=response::$(npx tsx apps/www/scripts/storybook-checker.ts)"
       - name: Test
         run: echo ${{ steps.check.outputs.summary }}
         # - name: Comment PR
diff --git a/apps/www/package.json b/apps/www/package.json
index eea2fd15..dd195cda 100644
--- a/apps/www/package.json
+++ b/apps/www/package.json
@@ -76,7 +76,7 @@
     "storybook": "^7.5.2",
     "tailwindcss": "^3.3.5",
     "tsconfig-paths-webpack-plugin": "^4.1.0",
-    "tsx": "^4.3.0",
+    "tsx": "x",
     "typescript": "^5.2.2"
   }
 }
diff --git a/apps/www/scripts/storybook-checker.ts b/apps/www/scripts/storybook-checker.ts
index d1a7b2d5..cc21402c 100644
--- a/apps/www/scripts/storybook-checker.ts
+++ b/apps/www/scripts/storybook-checker.ts
@@ -11,14 +11,13 @@ import fs from 'fs'
       const name = parent.split('/').pop()
       const fileExists = fs.existsSync(`${parent}/${name}.stories.tsx`)
       if (fileExists) {
-        console.log(`✅ - ${name} -> ${parent}`)
-        return {name, hasStory: '✅'}
+        return {name, hasStory: '✅', path: `${parent}/${name}.stories.tsx`}
       } else {
-        console.log(`❌ - ${name} -> ${parent}`)
-        return {name, hasStory: '❌'}
+        return {name, hasStory: '❌', path: ''}
       }
     })
   )
+  console.log(JSON.stringify(componentsStories))
   const componentsWithoutStories = componentsStories.filter((c) => c.hasStory === '❌').length
   const componentsWithStories = componentsStories.filter((c) => c.hasStory === '✅').length
   console.log('components with stories', `${componentsWithStories}/${componentsStories.length}`)
diff --git a/package.json b/package.json
index f4f8f4ed..bfc9d575 100644
--- a/package.json
+++ b/package.json
@@ -42,7 +42,8 @@
     "fs": "0.0.1-security",
     "npm-run-all": "^4.1.5",
     "prettier": "^3.1.1",
-    "ts-node": "^10.9.1"
+    "ts-node": "^10.9.1",
+    "tsx": "^4.3.0"
   },
   "engines": {
     "node": "18"
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 1822ac6e..f2f87e1b 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -63,6 +63,9 @@ importers:
       ts-node:
         specifier: ^10.9.1
         version: 10.9.2(@types/node@20.8.7)(typescript@5.3.3)
+      tsx:
+        specifier: ^4.3.0
+        version: 4.7.0
 
   apps/cms:
     dependencies:
@@ -2644,7 +2647,6 @@ packages:
     cpu: [arm64]
     os: [android]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@esbuild/android-arm@0.16.17:
@@ -2679,7 +2681,6 @@ packages:
     cpu: [arm]
     os: [android]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@esbuild/android-x64@0.16.17:
@@ -2714,7 +2715,6 @@ packages:
     cpu: [x64]
     os: [android]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@esbuild/darwin-arm64@0.16.17:
@@ -2749,7 +2749,6 @@ packages:
     cpu: [arm64]
     os: [darwin]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@esbuild/darwin-x64@0.16.17:
@@ -2784,7 +2783,6 @@ packages:
     cpu: [x64]
     os: [darwin]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@esbuild/freebsd-arm64@0.16.17:
@@ -2819,7 +2817,6 @@ packages:
     cpu: [arm64]
     os: [freebsd]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@esbuild/freebsd-x64@0.16.17:
@@ -2854,7 +2851,6 @@ packages:
     cpu: [x64]
     os: [freebsd]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@esbuild/linux-arm64@0.16.17:
@@ -2889,7 +2885,6 @@ packages:
     cpu: [arm64]
     os: [linux]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@esbuild/linux-arm@0.16.17:
@@ -2924,7 +2919,6 @@ packages:
     cpu: [arm]
     os: [linux]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@esbuild/linux-ia32@0.16.17:
@@ -2959,7 +2953,6 @@ packages:
     cpu: [ia32]
     os: [linux]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@esbuild/linux-loong64@0.16.17:
@@ -2994,7 +2987,6 @@ packages:
     cpu: [loong64]
     os: [linux]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@esbuild/linux-mips64el@0.16.17:
@@ -3029,7 +3021,6 @@ packages:
     cpu: [mips64el]
     os: [linux]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@esbuild/linux-ppc64@0.16.17:
@@ -3064,7 +3055,6 @@ packages:
     cpu: [ppc64]
     os: [linux]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@esbuild/linux-riscv64@0.16.17:
@@ -3099,7 +3089,6 @@ packages:
     cpu: [riscv64]
     os: [linux]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@esbuild/linux-s390x@0.16.17:
@@ -3134,7 +3123,6 @@ packages:
     cpu: [s390x]
     os: [linux]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@esbuild/linux-x64@0.16.17:
@@ -3169,7 +3157,6 @@ packages:
     cpu: [x64]
     os: [linux]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@esbuild/netbsd-x64@0.16.17:
@@ -3204,7 +3191,6 @@ packages:
     cpu: [x64]
     os: [netbsd]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@esbuild/openbsd-x64@0.16.17:
@@ -3239,7 +3225,6 @@ packages:
     cpu: [x64]
     os: [openbsd]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@esbuild/sunos-x64@0.16.17:
@@ -3274,7 +3259,6 @@ packages:
     cpu: [x64]
     os: [sunos]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@esbuild/win32-arm64@0.16.17:
@@ -3309,7 +3293,6 @@ packages:
     cpu: [arm64]
     os: [win32]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@esbuild/win32-ia32@0.16.17:
@@ -3344,7 +3327,6 @@ packages:
     cpu: [ia32]
     os: [win32]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@esbuild/win32-x64@0.16.17:
@@ -3379,7 +3361,6 @@ packages:
     cpu: [x64]
     os: [win32]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@eslint-community/eslint-utils@4.4.0(eslint@8.56.0):
@@ -11736,7 +11717,6 @@ packages:
       '@esbuild/win32-arm64': 0.19.2
       '@esbuild/win32-ia32': 0.19.2
       '@esbuild/win32-x64': 0.19.2
-    dev: false
 
   /escalade@3.1.1:
     resolution: {integrity: sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==}
@@ -19721,7 +19701,6 @@ packages:
       serialize-javascript: 6.0.1
       terser: 5.26.0
       webpack: 5.89.0(esbuild@0.19.2)
-    dev: false
 
   /terser@5.26.0:
     resolution: {integrity: sha512-dytTGoE2oHgbNV9nTzgBEPaqAWvcJNl66VZ0BkJqlvp71IjO8CxdBx/ykCNb47cLnCmCvRZ6ZR0tLkqvZCdVBQ==}
@@ -20596,7 +20575,7 @@ packages:
       mime-types: 2.1.35
       range-parser: 1.2.1
       schema-utils: 4.2.0
-      webpack: 5.89.0(@swc/core@1.3.101)(esbuild@0.18.20)
+      webpack: 5.89.0(esbuild@0.19.2)
 
   /webpack-hot-middleware@2.25.4:
     resolution: {integrity: sha512-IRmTspuHM06aZh98OhBJtqLpeWFM8FXJS5UYpKYxCJzyFoyWj1w6VGFfomZU7OPA55dMLrQK0pRT1eQ3PACr4w==}
@@ -20701,7 +20680,6 @@ packages:
       - '@swc/core'
       - esbuild
       - uglify-js
-    dev: false
 
   /whatwg-encoding@2.0.0:
     resolution: {integrity: sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==}

From fbe7b9d015ee98f92de70a55a25afc713629e109 Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Fri, 5 Jan 2024 20:29:10 +0000
Subject: [PATCH 16/66] Update storybook.yml

---
 .github/workflows/storybook.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/storybook.yml b/.github/workflows/storybook.yml
index a176e466..9c44e78e 100644
--- a/.github/workflows/storybook.yml
+++ b/.github/workflows/storybook.yml
@@ -16,7 +16,7 @@ jobs:
         run: npm i
       - name: Check for missing stories
         id: check
-        run: echo "::set-output name=response::$(npx tsx apps/www/scripts/storybook-checker.ts)"
+        run: echo "::set-output name=summary::$(npx tsx apps/www/scripts/storybook-checker.ts)"
       - name: Test
         run: echo ${{ steps.check.outputs.summary }}
         # - name: Comment PR

From ed356e71ec359e5eec4a5aaa3a6ab577eab814a3 Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Fri, 5 Jan 2024 20:31:30 +0000
Subject: [PATCH 17/66] Update storybook.yml

---
 .github/workflows/storybook.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/storybook.yml b/.github/workflows/storybook.yml
index 9c44e78e..38396980 100644
--- a/.github/workflows/storybook.yml
+++ b/.github/workflows/storybook.yml
@@ -16,7 +16,7 @@ jobs:
         run: npm i
       - name: Check for missing stories
         id: check
-        run: echo "::set-output name=summary::$(npx tsx apps/www/scripts/storybook-checker.ts)"
+        run: echo "summary=$(npx tsx apps/www/scripts/storybook-checker.ts)" >> $GITHUB_OUTPUT
       - name: Test
         run: echo ${{ steps.check.outputs.summary }}
         # - name: Comment PR

From 084d680677e3d082512046b5beb326e43371c881 Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Fri, 5 Jan 2024 20:32:25 +0000
Subject: [PATCH 18/66] Update storybook.yml

---
 .github/workflows/storybook.yml | 15 +++++----------
 1 file changed, 5 insertions(+), 10 deletions(-)

diff --git a/.github/workflows/storybook.yml b/.github/workflows/storybook.yml
index 38396980..29d92063 100644
--- a/.github/workflows/storybook.yml
+++ b/.github/workflows/storybook.yml
@@ -17,13 +17,8 @@ jobs:
       - name: Check for missing stories
         id: check
         run: echo "summary=$(npx tsx apps/www/scripts/storybook-checker.ts)" >> $GITHUB_OUTPUT
-      - name: Test
-        run: echo ${{ steps.check.outputs.summary }}
-        # - name: Comment PR
-        # uses: thollander/actions-comment-pull-request@v2
-        # if: steps.breaking.outcome == 'failure'
-        # with:
-        #   message: |
-        #     # Breaking changes 🛑
-        #     This PR introduces breaking changes. Please make sure this will not break the different clients, whether they are other services or mobile apps.
-        #     ${{ steps.table.outputs.table }}
+      - name: Comment PR
+        uses: thollander/actions-comment-pull-request@v2
+        with:
+          message: |
+            ${{ steps.table.outputs.summary }}

From 3ec574adf6d5ef6acf59ed5952e46a9c3b16558d Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Fri, 5 Jan 2024 21:23:10 +0000
Subject: [PATCH 19/66] wip

---
 apps/cms/.strapi/client/index.html | 62 ++++++++++++++++++++++++++++++
 apps/www/tsconfig.json             |  1 -
 2 files changed, 62 insertions(+), 1 deletion(-)

diff --git a/apps/cms/.strapi/client/index.html b/apps/cms/.strapi/client/index.html
index e69de29b..08d9c27c 100644
--- a/apps/cms/.strapi/client/index.html
+++ b/apps/cms/.strapi/client/index.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html lang="en">
+  <!--
+This file was automatically generated by Strapi.
+Any modifications made will be discarded.
+-->
+  <head>
+    <meta charset="utf-8" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1, viewport-fit=cover"
+    />
+    <meta name="robots" content="noindex" />
+    <meta name="referrer" content="same-origin" />
+    <title>Strapi Admin</title>
+    <style>
+      html,
+      body,
+      #strapi {
+        height: 100%;
+      }
+      body {
+        margin: 0;
+        -webkit-font-smoothing: antialiased;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="strapi"></div>
+    <noscript
+      ><div class="strapi--root">
+        <div class="strapi--no-js">
+          <style type="text/css">
+            .strapi--root {
+              position: absolute;
+              top: 0;
+              right: 0;
+              left: 0;
+              bottom: 0;
+              background: #fff;
+            }
+
+            .strapi--no-js {
+              position: absolute;
+              top: 50%;
+              left: 50%;
+              transform: translate(-50%, -50%);
+              text-align: center;
+              font-family: helvetica, arial, sans-serif;
+            }
+          </style>
+          <h1>JavaScript disabled</h1>
+          <p>
+            Please
+            <a href="https://www.enable-javascript.com/">enable JavaScript</a>
+            in your browser and reload the page to proceed.
+          </p>
+        </div>
+      </div></noscript
+    >
+  </body>
+</html>
diff --git a/apps/www/tsconfig.json b/apps/www/tsconfig.json
index 95a3ec8f..a66d22db 100644
--- a/apps/www/tsconfig.json
+++ b/apps/www/tsconfig.json
@@ -1,6 +1,5 @@
 {
   "compilerOptions": {
-    "baseUrl": "./",
     "target": "ESNext",
     "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,

From f2f0c776fd6b4ada47d3ef7f07f9634b61aa9816 Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Fri, 5 Jan 2024 21:25:18 +0000
Subject: [PATCH 20/66] wip

---
 apps/www/scripts/storybook-checker.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/apps/www/scripts/storybook-checker.ts b/apps/www/scripts/storybook-checker.ts
index cc21402c..1d80c8be 100644
--- a/apps/www/scripts/storybook-checker.ts
+++ b/apps/www/scripts/storybook-checker.ts
@@ -1,8 +1,9 @@
 import {exec} from 'child_process'
+import {join} from 'path'
 import fg from 'fast-glob'
 import fs from 'fs'
 ;(async () => {
-  const uiComponents = fg.sync('src/components/ui/**/*/index.tsx')
+  const uiComponents = fg.sync(join(__dirname, `../src/components/ui/**/*/index.tsx`))
   const componentsStories = await Promise.all(
     uiComponents.map(async (path) => {
       const splitedPath = path.split('/')

From d403a44f4d95c129a80e1275daed677da25e63e1 Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Fri, 5 Jan 2024 21:28:37 +0000
Subject: [PATCH 21/66] Update storybook.yml

---
 .github/workflows/storybook.yml | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/.github/workflows/storybook.yml b/.github/workflows/storybook.yml
index 29d92063..982ff242 100644
--- a/.github/workflows/storybook.yml
+++ b/.github/workflows/storybook.yml
@@ -1,4 +1,4 @@
-name: Lint Code Base
+name: Storybook
 
 on:
   push:
@@ -8,6 +8,7 @@ on:
 
 jobs:
   component-check:
+    continue-on-error: true
     name: Storybook
     runs-on: ubuntu-latest
     steps:

From c8e19148ab1744074d32758656dd1ec2c9238d04 Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Fri, 5 Jan 2024 21:32:00 +0000
Subject: [PATCH 22/66] Update storybook-checker.ts

---
 apps/www/scripts/storybook-checker.ts | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/apps/www/scripts/storybook-checker.ts b/apps/www/scripts/storybook-checker.ts
index 1d80c8be..7413dbc4 100644
--- a/apps/www/scripts/storybook-checker.ts
+++ b/apps/www/scripts/storybook-checker.ts
@@ -1,4 +1,3 @@
-import {exec} from 'child_process'
 import {join} from 'path'
 import fg from 'fast-glob'
 import fs from 'fs'
@@ -20,10 +19,6 @@ import fs from 'fs'
   )
   console.log(JSON.stringify(componentsStories))
   const componentsWithoutStories = componentsStories.filter((c) => c.hasStory === '❌').length
-  const componentsWithStories = componentsStories.filter((c) => c.hasStory === '✅').length
-  console.log('components with stories', `${componentsWithStories}/${componentsStories.length}`)
-  console.log('components without stories', `${componentsWithoutStories}/${componentsStories.length}`)
-  exec(`echo "summary=${JSON.stringify(componentsStories)}\n' >> $GITHUB_OUTPUT`)
   if (componentsWithoutStories > 0) {
     throw new Error(
       `${componentsWithoutStories} component${componentsWithoutStories > 1 ? 's are' : ' is'} missing a storybook file`

From 784a2005721637b0ca150ba28cd6e05ebdf1f49b Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Fri, 5 Jan 2024 21:35:51 +0000
Subject: [PATCH 23/66] wip

---
 .github/workflows/storybook.yml       | 3 +--
 apps/www/scripts/storybook-checker.ts | 6 ------
 2 files changed, 1 insertion(+), 8 deletions(-)

diff --git a/.github/workflows/storybook.yml b/.github/workflows/storybook.yml
index 982ff242..23d79900 100644
--- a/.github/workflows/storybook.yml
+++ b/.github/workflows/storybook.yml
@@ -21,5 +21,4 @@ jobs:
       - name: Comment PR
         uses: thollander/actions-comment-pull-request@v2
         with:
-          message: |
-            ${{ steps.table.outputs.summary }}
+          message: ${{steps.table.outputs.summary}}
diff --git a/apps/www/scripts/storybook-checker.ts b/apps/www/scripts/storybook-checker.ts
index 7413dbc4..1c2055e5 100644
--- a/apps/www/scripts/storybook-checker.ts
+++ b/apps/www/scripts/storybook-checker.ts
@@ -18,10 +18,4 @@ import fs from 'fs'
     })
   )
   console.log(JSON.stringify(componentsStories))
-  const componentsWithoutStories = componentsStories.filter((c) => c.hasStory === '❌').length
-  if (componentsWithoutStories > 0) {
-    throw new Error(
-      `${componentsWithoutStories} component${componentsWithoutStories > 1 ? 's are' : ' is'} missing a storybook file`
-    )
-  }
 })()

From 16255a529a1cd3b7323b93741030164c5b46163d Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Fri, 5 Jan 2024 21:39:14 +0000
Subject: [PATCH 24/66] Update storybook.yml

---
 .github/workflows/storybook.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/storybook.yml b/.github/workflows/storybook.yml
index 23d79900..57237c3f 100644
--- a/.github/workflows/storybook.yml
+++ b/.github/workflows/storybook.yml
@@ -17,7 +17,7 @@ jobs:
         run: npm i
       - name: Check for missing stories
         id: check
-        run: echo "summary=$(npx tsx apps/www/scripts/storybook-checker.ts)" >> $GITHUB_OUTPUT
+        run: echo "::set-output name=summary::$(npx tsx apps/www/scripts/storybook-checker.ts)"
       - name: Comment PR
         uses: thollander/actions-comment-pull-request@v2
         with:

From 538aa5c5a16b476f85c692d81f6921aada1926f0 Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Fri, 5 Jan 2024 21:41:52 +0000
Subject: [PATCH 25/66] Update storybook.yml

---
 .github/workflows/storybook.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/storybook.yml b/.github/workflows/storybook.yml
index 57237c3f..9a253105 100644
--- a/.github/workflows/storybook.yml
+++ b/.github/workflows/storybook.yml
@@ -21,4 +21,4 @@ jobs:
       - name: Comment PR
         uses: thollander/actions-comment-pull-request@v2
         with:
-          message: ${{steps.table.outputs.summary}}
+          message: ${{steps.check.outputs.summary}}

From 54e4198dc24cc2d0895e7e4f477a58574ff37dd0 Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Fri, 5 Jan 2024 21:44:38 +0000
Subject: [PATCH 26/66] Update storybook-checker.ts

---
 apps/www/scripts/storybook-checker.ts | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/apps/www/scripts/storybook-checker.ts b/apps/www/scripts/storybook-checker.ts
index 1c2055e5..7413dbc4 100644
--- a/apps/www/scripts/storybook-checker.ts
+++ b/apps/www/scripts/storybook-checker.ts
@@ -18,4 +18,10 @@ import fs from 'fs'
     })
   )
   console.log(JSON.stringify(componentsStories))
+  const componentsWithoutStories = componentsStories.filter((c) => c.hasStory === '❌').length
+  if (componentsWithoutStories > 0) {
+    throw new Error(
+      `${componentsWithoutStories} component${componentsWithoutStories > 1 ? 's are' : ' is'} missing a storybook file`
+    )
+  }
 })()

From 41a23ebf3798ed7696b231bbb0ea166cd28c23a5 Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Fri, 5 Jan 2024 21:52:27 +0000
Subject: [PATCH 27/66] wip

---
 .github/workflows/storybook.yml       |  6 +---
 apps/www/scripts/storybook-checker.ts |  3 +-
 package.json                          |  1 +
 pnpm-lock.yaml                        | 40 ++++++++++++++++++++++++++-
 4 files changed, 43 insertions(+), 7 deletions(-)

diff --git a/.github/workflows/storybook.yml b/.github/workflows/storybook.yml
index 9a253105..cf6d4dc2 100644
--- a/.github/workflows/storybook.yml
+++ b/.github/workflows/storybook.yml
@@ -1,10 +1,6 @@
 name: Storybook
 
-on:
-  push:
-    branches-ignore: [master, main]
-  pull_request:
-    branches: [master, main]
+on: pull_request
 
 jobs:
   component-check:
diff --git a/apps/www/scripts/storybook-checker.ts b/apps/www/scripts/storybook-checker.ts
index 7413dbc4..9839e693 100644
--- a/apps/www/scripts/storybook-checker.ts
+++ b/apps/www/scripts/storybook-checker.ts
@@ -1,6 +1,7 @@
 import {join} from 'path'
 import fg from 'fast-glob'
 import fs from 'fs'
+import tablemark from 'tablemark'
 ;(async () => {
   const uiComponents = fg.sync(join(__dirname, `../src/components/ui/**/*/index.tsx`))
   const componentsStories = await Promise.all(
@@ -17,7 +18,7 @@ import fs from 'fs'
       }
     })
   )
-  console.log(JSON.stringify(componentsStories))
+  console.log(tablemark(componentsStories))
   const componentsWithoutStories = componentsStories.filter((c) => c.hasStory === '❌').length
   if (componentsWithoutStories > 0) {
     throw new Error(
diff --git a/package.json b/package.json
index bfc9d575..c44683d3 100644
--- a/package.json
+++ b/package.json
@@ -42,6 +42,7 @@
     "fs": "0.0.1-security",
     "npm-run-all": "^4.1.5",
     "prettier": "^3.1.1",
+    "tablemark": "^3.0.0",
     "ts-node": "^10.9.1",
     "tsx": "^4.3.0"
   },
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index f2f87e1b..f53cb3d9 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -60,6 +60,9 @@ importers:
       prettier:
         specifier: ^3.1.1
         version: 3.1.1
+      tablemark:
+        specifier: ^3.0.0
+        version: 3.0.0
       ts-node:
         specifier: ^10.9.1
         version: 10.9.2(@types/node@20.8.7)(typescript@5.3.3)
@@ -376,7 +379,7 @@ importers:
         specifier: ^4.1.0
         version: 4.1.0
       tsx:
-        specifier: ^4.3.0
+        specifier: x
         version: 4.7.0
       typescript:
         specifier: ^5.2.2
@@ -12886,6 +12889,11 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
+  /get-stdin@5.0.1:
+    resolution: {integrity: sha512-jZV7n6jGE3Gt7fgSTJoz91Ak5MuTLwMwkoYdjxuJ/AmjIsE1UC03y/IWkZCQGEvVNS9qoRNwy5BCqxImv0FVeA==}
+    engines: {node: '>=0.12.0'}
+    dev: true
+
   /get-stdin@9.0.0:
     resolution: {integrity: sha512-dVKBjfWisLAicarI2Sf+JuBE/DghV4UzNAVe9yhEJuzeREd3JhOTE9cUaJTeSa77fsbQUK3pcOpJfM59+VKZaA==}
     engines: {node: '>=12'}
@@ -18516,6 +18524,14 @@ packages:
       upper-case-first: 1.1.2
     dev: false
 
+  /sentence-case@3.0.4:
+    resolution: {integrity: sha512-8LS0JInaQMCRoQ7YUytAo/xUu5W2XnQxV2HI/6uM6U7CITS1RqPElr30V6uIqyMKM9lJGRVFy5/4CuzcixNYSg==}
+    dependencies:
+      no-case: 3.0.4
+      tslib: 2.6.2
+      upper-case-first: 2.0.2
+    dev: true
+
   /serialize-javascript@6.0.1:
     resolution: {integrity: sha512-owoXEFjWRllis8/M1Q+Cw5k8ZH40e3zhp/ovX+Xr/vi1qj6QesbyXXViFbpNvWvPNAD62SutwEXavefrLJWj7w==}
     dependencies:
@@ -18925,6 +18941,14 @@ packages:
       extend-shallow: 3.0.2
     dev: false
 
+  /split-text-to-chunks@1.0.0:
+    resolution: {integrity: sha512-HLtEwXK/T4l7QZSJ/kOSsZC0o5e2Xg3GzKKFxm0ZexJXw0Bo4CaEl39l7MCSRHk9EOOL5jT8JIDjmhTtcoe6lQ==}
+    hasBin: true
+    dependencies:
+      get-stdin: 5.0.1
+      minimist: 1.2.8
+    dev: true
+
   /split2@4.2.0:
     resolution: {integrity: sha512-UcjcJOWknrNkF6PLX83qcHM6KHgVKNkV62Y8a5uYDVv9ydGQVwAHMKqHdJje1VTWpljG0WYpCDhrCdAOYH4TWg==}
     engines: {node: '>= 10.x'}
@@ -19515,6 +19539,14 @@ packages:
       tslib: 2.6.2
     dev: false
 
+  /tablemark@3.0.0:
+    resolution: {integrity: sha512-7N05gRK7t6B4g8AtedUsKoKtPjplmUjOPr/V4kVB+7U3yGiB3WvKqMTTQzVCZyhfZUXgQFp9YyN9ZgC52uCPKw==}
+    engines: {node: '>=14.16'}
+    dependencies:
+      sentence-case: 3.0.4
+      split-text-to-chunks: 1.0.0
+    dev: true
+
   /tailwind-merge@2.1.0:
     resolution: {integrity: sha512-l11VvI4nSwW7MtLSLYT4ldidDEUwQAMWuSHk7l4zcXZDgnCRa0V3OdCwFfM7DCzakVXMNRwAeje9maFFXT71dQ==}
     dependencies:
@@ -20299,6 +20331,12 @@ packages:
       upper-case: 1.1.3
     dev: false
 
+  /upper-case-first@2.0.2:
+    resolution: {integrity: sha512-514ppYHBaKwfJRK/pNC6c/OxfGa0obSnAl106u97Ed0I625Nin96KAjttZF6ZL3e1XLtphxnqrOi9iWgm+u+bg==}
+    dependencies:
+      tslib: 2.6.2
+    dev: true
+
   /upper-case@1.1.3:
     resolution: {integrity: sha512-WRbjgmYzgXkCV7zNVpy5YgrHgbBv126rMALQQMrmzOVC4GM2waQ9x7xtm8VU+1yF2kWyPzI9zbZ48n4vSxwfSA==}
     dev: false

From b7c3d568a2c68577639b643daf7783a99940b278 Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Fri, 5 Jan 2024 21:53:39 +0000
Subject: [PATCH 28/66] wip

---
 .github/workflows/storybook.yml       | 1 -
 apps/www/scripts/storybook-checker.ts | 6 ------
 2 files changed, 7 deletions(-)

diff --git a/.github/workflows/storybook.yml b/.github/workflows/storybook.yml
index cf6d4dc2..ba5c514b 100644
--- a/.github/workflows/storybook.yml
+++ b/.github/workflows/storybook.yml
@@ -4,7 +4,6 @@ on: pull_request
 
 jobs:
   component-check:
-    continue-on-error: true
     name: Storybook
     runs-on: ubuntu-latest
     steps:
diff --git a/apps/www/scripts/storybook-checker.ts b/apps/www/scripts/storybook-checker.ts
index 9839e693..b5cd35c8 100644
--- a/apps/www/scripts/storybook-checker.ts
+++ b/apps/www/scripts/storybook-checker.ts
@@ -19,10 +19,4 @@ import tablemark from 'tablemark'
     })
   )
   console.log(tablemark(componentsStories))
-  const componentsWithoutStories = componentsStories.filter((c) => c.hasStory === '❌').length
-  if (componentsWithoutStories > 0) {
-    throw new Error(
-      `${componentsWithoutStories} component${componentsWithoutStories > 1 ? 's are' : ' is'} missing a storybook file`
-    )
-  }
 })()

From 3b49cf722d5dd049e673ad8b15b3a96e1f295683 Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Fri, 5 Jan 2024 21:58:30 +0000
Subject: [PATCH 29/66] Update storybook.yml

---
 .github/workflows/storybook.yml | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/.github/workflows/storybook.yml b/.github/workflows/storybook.yml
index ba5c514b..3ff3efa1 100644
--- a/.github/workflows/storybook.yml
+++ b/.github/workflows/storybook.yml
@@ -16,4 +16,5 @@ jobs:
       - name: Comment PR
         uses: thollander/actions-comment-pull-request@v2
         with:
-          message: ${{steps.check.outputs.summary}}
+          message: |
+            ${{steps.check.outputs.summary}}

From dcde992e463eff2418ea907970ccb3ddbd53b55f Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Fri, 5 Jan 2024 22:02:26 +0000
Subject: [PATCH 30/66] Update storybook.yml

---
 .github/workflows/storybook.yml | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/.github/workflows/storybook.yml b/.github/workflows/storybook.yml
index 3ff3efa1..e131659d 100644
--- a/.github/workflows/storybook.yml
+++ b/.github/workflows/storybook.yml
@@ -13,8 +13,12 @@ jobs:
       - name: Check for missing stories
         id: check
         run: echo "::set-output name=summary::$(npx tsx apps/www/scripts/storybook-checker.ts)"
+      - uses: buildingcash/json-to-markdown-table-action@v1
+        id: table
+        with:
+          json: ${{ steps.check.outputs.summary }}
       - name: Comment PR
         uses: thollander/actions-comment-pull-request@v2
         with:
           message: |
-            ${{steps.check.outputs.summary}}
+            ${{steps.table.outputs.table}}

From d53921322b1b120ec2da3f6d8629fb642c453a0f Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Fri, 5 Jan 2024 22:03:14 +0000
Subject: [PATCH 31/66] Update storybook-checker.ts

---
 apps/www/scripts/storybook-checker.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/www/scripts/storybook-checker.ts b/apps/www/scripts/storybook-checker.ts
index b5cd35c8..b9df9f3a 100644
--- a/apps/www/scripts/storybook-checker.ts
+++ b/apps/www/scripts/storybook-checker.ts
@@ -18,5 +18,5 @@ import tablemark from 'tablemark'
       }
     })
   )
-  console.log(tablemark(componentsStories))
+  console.log(JSON.stringify(componentsStories))
 })()

From 96d13fddbccc1942b0be904f3abb39568054832e Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Fri, 5 Jan 2024 22:17:13 +0000
Subject: [PATCH 32/66] wip

---
 apps/www/scripts/storybook-checker.ts |  6 +++--
 package.json                          |  1 -
 pnpm-lock.yaml                        | 38 ---------------------------
 3 files changed, 4 insertions(+), 41 deletions(-)

diff --git a/apps/www/scripts/storybook-checker.ts b/apps/www/scripts/storybook-checker.ts
index b9df9f3a..ff329e10 100644
--- a/apps/www/scripts/storybook-checker.ts
+++ b/apps/www/scripts/storybook-checker.ts
@@ -1,9 +1,9 @@
 import {join} from 'path'
 import fg from 'fast-glob'
 import fs from 'fs'
-import tablemark from 'tablemark'
 ;(async () => {
   const uiComponents = fg.sync(join(__dirname, `../src/components/ui/**/*/index.tsx`))
+  console.log(process.cwd())
   const componentsStories = await Promise.all(
     uiComponents.map(async (path) => {
       const splitedPath = path.split('/')
@@ -12,7 +12,9 @@ import tablemark from 'tablemark'
       const name = parent.split('/').pop()
       const fileExists = fs.existsSync(`${parent}/${name}.stories.tsx`)
       if (fileExists) {
-        return {name, hasStory: '✅', path: `${parent}/${name}.stories.tsx`}
+        const projectName = process.cwd().split('/').pop() || ''
+        const relativePath = `.${parent.split(projectName)[1]}`
+        return {name, hasStory: '✅', path: `${relativePath}/${name}.stories.tsx`}
       } else {
         return {name, hasStory: '❌', path: ''}
       }
diff --git a/package.json b/package.json
index c44683d3..bfc9d575 100644
--- a/package.json
+++ b/package.json
@@ -42,7 +42,6 @@
     "fs": "0.0.1-security",
     "npm-run-all": "^4.1.5",
     "prettier": "^3.1.1",
-    "tablemark": "^3.0.0",
     "ts-node": "^10.9.1",
     "tsx": "^4.3.0"
   },
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index f53cb3d9..1a70cba2 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -60,9 +60,6 @@ importers:
       prettier:
         specifier: ^3.1.1
         version: 3.1.1
-      tablemark:
-        specifier: ^3.0.0
-        version: 3.0.0
       ts-node:
         specifier: ^10.9.1
         version: 10.9.2(@types/node@20.8.7)(typescript@5.3.3)
@@ -12889,11 +12886,6 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  /get-stdin@5.0.1:
-    resolution: {integrity: sha512-jZV7n6jGE3Gt7fgSTJoz91Ak5MuTLwMwkoYdjxuJ/AmjIsE1UC03y/IWkZCQGEvVNS9qoRNwy5BCqxImv0FVeA==}
-    engines: {node: '>=0.12.0'}
-    dev: true
-
   /get-stdin@9.0.0:
     resolution: {integrity: sha512-dVKBjfWisLAicarI2Sf+JuBE/DghV4UzNAVe9yhEJuzeREd3JhOTE9cUaJTeSa77fsbQUK3pcOpJfM59+VKZaA==}
     engines: {node: '>=12'}
@@ -18524,14 +18516,6 @@ packages:
       upper-case-first: 1.1.2
     dev: false
 
-  /sentence-case@3.0.4:
-    resolution: {integrity: sha512-8LS0JInaQMCRoQ7YUytAo/xUu5W2XnQxV2HI/6uM6U7CITS1RqPElr30V6uIqyMKM9lJGRVFy5/4CuzcixNYSg==}
-    dependencies:
-      no-case: 3.0.4
-      tslib: 2.6.2
-      upper-case-first: 2.0.2
-    dev: true
-
   /serialize-javascript@6.0.1:
     resolution: {integrity: sha512-owoXEFjWRllis8/M1Q+Cw5k8ZH40e3zhp/ovX+Xr/vi1qj6QesbyXXViFbpNvWvPNAD62SutwEXavefrLJWj7w==}
     dependencies:
@@ -18941,14 +18925,6 @@ packages:
       extend-shallow: 3.0.2
     dev: false
 
-  /split-text-to-chunks@1.0.0:
-    resolution: {integrity: sha512-HLtEwXK/T4l7QZSJ/kOSsZC0o5e2Xg3GzKKFxm0ZexJXw0Bo4CaEl39l7MCSRHk9EOOL5jT8JIDjmhTtcoe6lQ==}
-    hasBin: true
-    dependencies:
-      get-stdin: 5.0.1
-      minimist: 1.2.8
-    dev: true
-
   /split2@4.2.0:
     resolution: {integrity: sha512-UcjcJOWknrNkF6PLX83qcHM6KHgVKNkV62Y8a5uYDVv9ydGQVwAHMKqHdJje1VTWpljG0WYpCDhrCdAOYH4TWg==}
     engines: {node: '>= 10.x'}
@@ -19539,14 +19515,6 @@ packages:
       tslib: 2.6.2
     dev: false
 
-  /tablemark@3.0.0:
-    resolution: {integrity: sha512-7N05gRK7t6B4g8AtedUsKoKtPjplmUjOPr/V4kVB+7U3yGiB3WvKqMTTQzVCZyhfZUXgQFp9YyN9ZgC52uCPKw==}
-    engines: {node: '>=14.16'}
-    dependencies:
-      sentence-case: 3.0.4
-      split-text-to-chunks: 1.0.0
-    dev: true
-
   /tailwind-merge@2.1.0:
     resolution: {integrity: sha512-l11VvI4nSwW7MtLSLYT4ldidDEUwQAMWuSHk7l4zcXZDgnCRa0V3OdCwFfM7DCzakVXMNRwAeje9maFFXT71dQ==}
     dependencies:
@@ -20331,12 +20299,6 @@ packages:
       upper-case: 1.1.3
     dev: false
 
-  /upper-case-first@2.0.2:
-    resolution: {integrity: sha512-514ppYHBaKwfJRK/pNC6c/OxfGa0obSnAl106u97Ed0I625Nin96KAjttZF6ZL3e1XLtphxnqrOi9iWgm+u+bg==}
-    dependencies:
-      tslib: 2.6.2
-    dev: true
-
   /upper-case@1.1.3:
     resolution: {integrity: sha512-WRbjgmYzgXkCV7zNVpy5YgrHgbBv126rMALQQMrmzOVC4GM2waQ9x7xtm8VU+1yF2kWyPzI9zbZ48n4vSxwfSA==}
     dev: false

From c9f6905c5bf5662d4e6e9e378c5abeab168e8fe4 Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Fri, 5 Jan 2024 22:18:03 +0000
Subject: [PATCH 33/66] Delete index.tsx

---
 apps/www/src/components/ui/svgs/icons/index.tsx | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 delete mode 100644 apps/www/src/components/ui/svgs/icons/index.tsx

diff --git a/apps/www/src/components/ui/svgs/icons/index.tsx b/apps/www/src/components/ui/svgs/icons/index.tsx
deleted file mode 100644
index e69de29b..00000000

From 1eb2ea434971d3c17d1e9fb3d52f007d12a6ead8 Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Fri, 5 Jan 2024 22:23:58 +0000
Subject: [PATCH 34/66] Update storybook-checker.ts

---
 apps/www/scripts/storybook-checker.ts | 9 +--------
 1 file changed, 1 insertion(+), 8 deletions(-)

diff --git a/apps/www/scripts/storybook-checker.ts b/apps/www/scripts/storybook-checker.ts
index ff329e10..5d224c9e 100644
--- a/apps/www/scripts/storybook-checker.ts
+++ b/apps/www/scripts/storybook-checker.ts
@@ -3,7 +3,6 @@ import fg from 'fast-glob'
 import fs from 'fs'
 ;(async () => {
   const uiComponents = fg.sync(join(__dirname, `../src/components/ui/**/*/index.tsx`))
-  console.log(process.cwd())
   const componentsStories = await Promise.all(
     uiComponents.map(async (path) => {
       const splitedPath = path.split('/')
@@ -11,13 +10,7 @@ import fs from 'fs'
       const parent = splitedPath.join('/')
       const name = parent.split('/').pop()
       const fileExists = fs.existsSync(`${parent}/${name}.stories.tsx`)
-      if (fileExists) {
-        const projectName = process.cwd().split('/').pop() || ''
-        const relativePath = `.${parent.split(projectName)[1]}`
-        return {name, hasStory: '✅', path: `${relativePath}/${name}.stories.tsx`}
-      } else {
-        return {name, hasStory: '❌', path: ''}
-      }
+      return {name, hasStory: fileExists ? '✅' : '❌'}
     })
   )
   console.log(JSON.stringify(componentsStories))

From 6bb2e8bfd4255cc3125bd955c403c1808c8116a6 Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Sun, 7 Jan 2024 12:19:34 +0000
Subject: [PATCH 35/66] wip

---
 apps/www/scripts/storybook-checker.ts | 17 -------
 package.json                          |  4 +-
 pnpm-lock.yaml                        | 38 ++++++++++++++++
 scripts/storybook-checker.ts          | 65 +++++++++++++++++++++++++++
 4 files changed, 106 insertions(+), 18 deletions(-)
 delete mode 100644 apps/www/scripts/storybook-checker.ts
 create mode 100644 scripts/storybook-checker.ts

diff --git a/apps/www/scripts/storybook-checker.ts b/apps/www/scripts/storybook-checker.ts
deleted file mode 100644
index 5d224c9e..00000000
--- a/apps/www/scripts/storybook-checker.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import {join} from 'path'
-import fg from 'fast-glob'
-import fs from 'fs'
-;(async () => {
-  const uiComponents = fg.sync(join(__dirname, `../src/components/ui/**/*/index.tsx`))
-  const componentsStories = await Promise.all(
-    uiComponents.map(async (path) => {
-      const splitedPath = path.split('/')
-      splitedPath.pop()
-      const parent = splitedPath.join('/')
-      const name = parent.split('/').pop()
-      const fileExists = fs.existsSync(`${parent}/${name}.stories.tsx`)
-      return {name, hasStory: fileExists ? '✅' : '❌'}
-    })
-  )
-  console.log(JSON.stringify(componentsStories))
-})()
diff --git a/package.json b/package.json
index bfc9d575..b4c0a769 100644
--- a/package.json
+++ b/package.json
@@ -20,7 +20,8 @@
     "lint": "run-p lint-eslint prettier-check",
     "lint-eslint": "eslint . --ext js,jsx,ts,tsx --max-warnings=0 --config .eslintrc.json --no-eslintrc",
     "prettier-check": "prettier --check .",
-    "start": "cd apps/cms && npm run start"
+    "start": "cd apps/cms && npm run start",
+    "storybook-check": "npx tsx ./scripts/storybook-checker.ts"
   },
   "dependencies": {
     "react": "^18.2.0",
@@ -42,6 +43,7 @@
     "fs": "0.0.1-security",
     "npm-run-all": "^4.1.5",
     "prettier": "^3.1.1",
+    "tablemark": "^3.0.0",
     "ts-node": "^10.9.1",
     "tsx": "^4.3.0"
   },
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 1a70cba2..f53cb3d9 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -60,6 +60,9 @@ importers:
       prettier:
         specifier: ^3.1.1
         version: 3.1.1
+      tablemark:
+        specifier: ^3.0.0
+        version: 3.0.0
       ts-node:
         specifier: ^10.9.1
         version: 10.9.2(@types/node@20.8.7)(typescript@5.3.3)
@@ -12886,6 +12889,11 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
+  /get-stdin@5.0.1:
+    resolution: {integrity: sha512-jZV7n6jGE3Gt7fgSTJoz91Ak5MuTLwMwkoYdjxuJ/AmjIsE1UC03y/IWkZCQGEvVNS9qoRNwy5BCqxImv0FVeA==}
+    engines: {node: '>=0.12.0'}
+    dev: true
+
   /get-stdin@9.0.0:
     resolution: {integrity: sha512-dVKBjfWisLAicarI2Sf+JuBE/DghV4UzNAVe9yhEJuzeREd3JhOTE9cUaJTeSa77fsbQUK3pcOpJfM59+VKZaA==}
     engines: {node: '>=12'}
@@ -18516,6 +18524,14 @@ packages:
       upper-case-first: 1.1.2
     dev: false
 
+  /sentence-case@3.0.4:
+    resolution: {integrity: sha512-8LS0JInaQMCRoQ7YUytAo/xUu5W2XnQxV2HI/6uM6U7CITS1RqPElr30V6uIqyMKM9lJGRVFy5/4CuzcixNYSg==}
+    dependencies:
+      no-case: 3.0.4
+      tslib: 2.6.2
+      upper-case-first: 2.0.2
+    dev: true
+
   /serialize-javascript@6.0.1:
     resolution: {integrity: sha512-owoXEFjWRllis8/M1Q+Cw5k8ZH40e3zhp/ovX+Xr/vi1qj6QesbyXXViFbpNvWvPNAD62SutwEXavefrLJWj7w==}
     dependencies:
@@ -18925,6 +18941,14 @@ packages:
       extend-shallow: 3.0.2
     dev: false
 
+  /split-text-to-chunks@1.0.0:
+    resolution: {integrity: sha512-HLtEwXK/T4l7QZSJ/kOSsZC0o5e2Xg3GzKKFxm0ZexJXw0Bo4CaEl39l7MCSRHk9EOOL5jT8JIDjmhTtcoe6lQ==}
+    hasBin: true
+    dependencies:
+      get-stdin: 5.0.1
+      minimist: 1.2.8
+    dev: true
+
   /split2@4.2.0:
     resolution: {integrity: sha512-UcjcJOWknrNkF6PLX83qcHM6KHgVKNkV62Y8a5uYDVv9ydGQVwAHMKqHdJje1VTWpljG0WYpCDhrCdAOYH4TWg==}
     engines: {node: '>= 10.x'}
@@ -19515,6 +19539,14 @@ packages:
       tslib: 2.6.2
     dev: false
 
+  /tablemark@3.0.0:
+    resolution: {integrity: sha512-7N05gRK7t6B4g8AtedUsKoKtPjplmUjOPr/V4kVB+7U3yGiB3WvKqMTTQzVCZyhfZUXgQFp9YyN9ZgC52uCPKw==}
+    engines: {node: '>=14.16'}
+    dependencies:
+      sentence-case: 3.0.4
+      split-text-to-chunks: 1.0.0
+    dev: true
+
   /tailwind-merge@2.1.0:
     resolution: {integrity: sha512-l11VvI4nSwW7MtLSLYT4ldidDEUwQAMWuSHk7l4zcXZDgnCRa0V3OdCwFfM7DCzakVXMNRwAeje9maFFXT71dQ==}
     dependencies:
@@ -20299,6 +20331,12 @@ packages:
       upper-case: 1.1.3
     dev: false
 
+  /upper-case-first@2.0.2:
+    resolution: {integrity: sha512-514ppYHBaKwfJRK/pNC6c/OxfGa0obSnAl106u97Ed0I625Nin96KAjttZF6ZL3e1XLtphxnqrOi9iWgm+u+bg==}
+    dependencies:
+      tslib: 2.6.2
+    dev: true
+
   /upper-case@1.1.3:
     resolution: {integrity: sha512-WRbjgmYzgXkCV7zNVpy5YgrHgbBv126rMALQQMrmzOVC4GM2waQ9x7xtm8VU+1yF2kWyPzI9zbZ48n4vSxwfSA==}
     dev: false
diff --git a/scripts/storybook-checker.ts b/scripts/storybook-checker.ts
new file mode 100644
index 00000000..0d319fc4
--- /dev/null
+++ b/scripts/storybook-checker.ts
@@ -0,0 +1,65 @@
+import {join} from 'path'
+import fg from 'fast-glob'
+import fs from 'fs'
+import tablemark from 'tablemark'
+
+const basePath = '../apps/www/src/components/ui'
+;(async () => {
+  const uiComponents = fg.sync(join(__dirname, `${basePath}/**/*/index.tsx`))
+  const componentsCategories = fg
+    .sync(join(__dirname, `${basePath}/*`), {onlyDirectories: true})
+    .reduce((acc, path) => {
+      const key = path.split('/').pop()?.toString() || ''
+      return {
+        ...acc,
+        [key]: {
+          path,
+          total: 0,
+          hasStory: 0
+        }
+      }
+    }, {})
+
+  function incrementCategory(path: string, hasStory: boolean) {
+    const index = Object.keys(componentsCategories)
+      .map((key) => path.includes(componentsCategories[key].path))
+      .indexOf(true)
+    componentsCategories[Object.keys(componentsCategories)[index]].total++
+    hasStory && componentsCategories[Object.keys(componentsCategories)[index]].hasStory++
+  }
+
+  function getRelativePath(path: string) {
+    return path.replace(join(__dirname, basePath), '.')
+  }
+
+  const componentsStories = await Promise.all(
+    uiComponents.map(async (path) => {
+      const splitedPath = path.split('/')
+      splitedPath.pop()
+      const parent = splitedPath.join('/')
+      const name = parent.split('/').pop()
+      const hasStory = fs.existsSync(`${parent}/${name}.stories.tsx`)
+      incrementCategory(path, hasStory)
+      return {
+        name,
+        hasStory,
+        path: getRelativePath(parent)
+      }
+    })
+  )
+
+  const categoriesSummaryTable = Object.keys(componentsCategories).map((key) => {
+    const {total, hasStory} = componentsCategories[key]
+    return {
+      Category: key,
+      'Total components': total,
+      'Has story': `${hasStory} - ${Math.round((hasStory / total) * 100)}%`
+    }
+  })
+  console.log(tablemark(categoriesSummaryTable))
+
+  const missingStories = componentsStories.filter(({hasStory}) => !hasStory)
+  if (missingStories.length > 0) {
+    console.log(tablemark(missingStories))
+  }
+})()

From 9089973553df5e45dbc2f3cd2ed38ca07bd81865 Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Sun, 7 Jan 2024 12:21:43 +0000
Subject: [PATCH 36/66] wip

---
 .github/workflows/storybook.yml |  16 ++---
 scripts/storybook-checker.ts    | 117 ++++++++++++++++++--------------
 2 files changed, 73 insertions(+), 60 deletions(-)

diff --git a/.github/workflows/storybook.yml b/.github/workflows/storybook.yml
index e131659d..dbb97d50 100644
--- a/.github/workflows/storybook.yml
+++ b/.github/workflows/storybook.yml
@@ -7,18 +7,18 @@ jobs:
     name: Storybook
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v2
-      - name: Install modules
-        run: npm i
+      # - uses: actions/checkout@v2
+      # - name: Install modules
+      #   run: npm i
       - name: Check for missing stories
         id: check
         run: echo "::set-output name=summary::$(npx tsx apps/www/scripts/storybook-checker.ts)"
-      - uses: buildingcash/json-to-markdown-table-action@v1
-        id: table
-        with:
-          json: ${{ steps.check.outputs.summary }}
+      # - uses: buildingcash/json-to-markdown-table-action@v1
+      #   id: table
+      #   with:
+      #     json: ${{ steps.check.outputs.summary }}
       - name: Comment PR
         uses: thollander/actions-comment-pull-request@v2
         with:
           message: |
-            ${{steps.table.outputs.table}}
+            ${{steps.check.outputs.summary}}
diff --git a/scripts/storybook-checker.ts b/scripts/storybook-checker.ts
index 0d319fc4..4d988323 100644
--- a/scripts/storybook-checker.ts
+++ b/scripts/storybook-checker.ts
@@ -5,61 +5,74 @@ import tablemark from 'tablemark'
 
 const basePath = '../apps/www/src/components/ui'
 ;(async () => {
-  const uiComponents = fg.sync(join(__dirname, `${basePath}/**/*/index.tsx`))
-  const componentsCategories = fg
-    .sync(join(__dirname, `${basePath}/*`), {onlyDirectories: true})
-    .reduce((acc, path) => {
-      const key = path.split('/').pop()?.toString() || ''
-      return {
-        ...acc,
-        [key]: {
-          path,
-          total: 0,
-          hasStory: 0
-        }
-      }
-    }, {})
+  // const uiComponents = fg.sync(join(__dirname, `${basePath}/**/*/index.tsx`))
+  // const componentsCategories = fg
+  //   .sync(join(__dirname, `${basePath}/*`), {onlyDirectories: true})
+  //   .reduce((acc, path) => {
+  //     const key = path.split('/').pop()?.toString() || ''
+  //     return {
+  //       ...acc,
+  //       [key]: {
+  //         path,
+  //         total: 0,
+  //         hasStory: 0
+  //       }
+  //     }
+  //   }, {})
 
-  function incrementCategory(path: string, hasStory: boolean) {
-    const index = Object.keys(componentsCategories)
-      .map((key) => path.includes(componentsCategories[key].path))
-      .indexOf(true)
-    componentsCategories[Object.keys(componentsCategories)[index]].total++
-    hasStory && componentsCategories[Object.keys(componentsCategories)[index]].hasStory++
-  }
+  // function incrementCategory(path: string, hasStory: boolean) {
+  //   const index = Object.keys(componentsCategories)
+  //     .map((key) => path.includes(componentsCategories[key].path))
+  //     .indexOf(true)
+  //   componentsCategories[Object.keys(componentsCategories)[index]].total++
+  //   hasStory && componentsCategories[Object.keys(componentsCategories)[index]].hasStory++
+  // }
 
-  function getRelativePath(path: string) {
-    return path.replace(join(__dirname, basePath), '.')
-  }
+  // function getRelativePath(path: string) {
+  //   return path.replace(join(__dirname, basePath), '.')
+  // }
 
-  const componentsStories = await Promise.all(
-    uiComponents.map(async (path) => {
-      const splitedPath = path.split('/')
-      splitedPath.pop()
-      const parent = splitedPath.join('/')
-      const name = parent.split('/').pop()
-      const hasStory = fs.existsSync(`${parent}/${name}.stories.tsx`)
-      incrementCategory(path, hasStory)
-      return {
-        name,
-        hasStory,
-        path: getRelativePath(parent)
-      }
-    })
-  )
+  // const componentsStories = await Promise.all(
+  //   uiComponents.map(async (path) => {
+  //     const splitedPath = path.split('/')
+  //     splitedPath.pop()
+  //     const parent = splitedPath.join('/')
+  //     const name = parent.split('/').pop()
+  //     const hasStory = fs.existsSync(`${parent}/${name}.stories.tsx`)
+  //     incrementCategory(path, hasStory)
+  //     return {
+  //       name,
+  //       hasStory,
+  //       path: getRelativePath(parent)
+  //     }
+  //   })
+  // )
 
-  const categoriesSummaryTable = Object.keys(componentsCategories).map((key) => {
-    const {total, hasStory} = componentsCategories[key]
-    return {
-      Category: key,
-      'Total components': total,
-      'Has story': `${hasStory} - ${Math.round((hasStory / total) * 100)}%`
-    }
-  })
-  console.log(tablemark(categoriesSummaryTable))
+  // const categoriesSummaryTable = Object.keys(componentsCategories).map((key) => {
+  //   const {total, hasStory} = componentsCategories[key]
+  //   return {
+  //     Category: key,
+  //     'Total components': total,
+  //     'Has story': `${hasStory} - ${Math.round((hasStory / total) * 100)}%`
+  //   }
+  // })
+  // console.log(tablemark(categoriesSummaryTable))
 
-  const missingStories = componentsStories.filter(({hasStory}) => !hasStory)
-  if (missingStories.length > 0) {
-    console.log(tablemark(missingStories))
-  }
+  // const missingStories = componentsStories.filter(({hasStory}) => !hasStory)
+  // if (missingStories.length > 0) {
+  //   console.log(tablemark(missingStories))
+  // }
+
+  console.log(`
+  | Category  | Total components | Has story |
+  | :-------- | :--------------- | :-------- |
+  | atoms     | 8                | 8 - 100%  |
+  | molecules | 12               | 12 - 100% |
+  | organisms | 26               | 26 - 100% |
+  | svgs      | 1                | 0 - 0%    |
+
+  | Name  | Has story | Path         |
+  | :---- | :-------- | :----------- |
+  | icons | false     | ./svgs/icons |
+`)
 })()

From 02048d45cec9b4bf1b2b7419e7f3266af19bb761 Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Sun, 7 Jan 2024 12:22:58 +0000
Subject: [PATCH 37/66] Update storybook.yml

---
 .github/workflows/storybook.yml | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/.github/workflows/storybook.yml b/.github/workflows/storybook.yml
index dbb97d50..79085609 100644
--- a/.github/workflows/storybook.yml
+++ b/.github/workflows/storybook.yml
@@ -7,12 +7,12 @@ jobs:
     name: Storybook
     runs-on: ubuntu-latest
     steps:
-      # - uses: actions/checkout@v2
-      # - name: Install modules
-      #   run: npm i
+      - uses: actions/checkout@v2
+      - name: Install modules
+        run: npm i tsx
       - name: Check for missing stories
         id: check
-        run: echo "::set-output name=summary::$(npx tsx apps/www/scripts/storybook-checker.ts)"
+        run: echo "::set-output name=summary::$(npx tsx ./scripts/storybook-checker.ts)"
       # - uses: buildingcash/json-to-markdown-table-action@v1
       #   id: table
       #   with:

From 303082e9d87fa2c26c525bb04896907401cd5bc7 Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Sun, 7 Jan 2024 12:23:09 +0000
Subject: [PATCH 38/66] wip

---
 scripts/storybook-checker.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/scripts/storybook-checker.ts b/scripts/storybook-checker.ts
index 4d988323..ba3470ae 100644
--- a/scripts/storybook-checker.ts
+++ b/scripts/storybook-checker.ts
@@ -1,7 +1,7 @@
-import {join} from 'path'
-import fg from 'fast-glob'
-import fs from 'fs'
-import tablemark from 'tablemark'
+// import {join} from 'path'
+// import fg from 'fast-glob'
+// import fs from 'fs'
+// import tablemark from 'tablemark'
 
 const basePath = '../apps/www/src/components/ui'
 ;(async () => {

From fa1be62326238f328b192981b47cc9e403a2970e Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Sun, 7 Jan 2024 12:29:44 +0000
Subject: [PATCH 39/66] Update storybook.yml

---
 .github/workflows/storybook.yml | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/.github/workflows/storybook.yml b/.github/workflows/storybook.yml
index 79085609..17f884b9 100644
--- a/.github/workflows/storybook.yml
+++ b/.github/workflows/storybook.yml
@@ -7,16 +7,21 @@ jobs:
     name: Storybook
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v2
-      - name: Install modules
-        run: npm i tsx
+      - uses: actions/checkout@v3
+      - name: 'Install Node'
+        uses: actions/setup-node@v3
+        with:
+          node-version: '20.x'
+      - uses: pnpm/action-setup@v2
+        name: Install pnpm
+        with:
+          version: 8
+          run_install: false
+      - name: Install dependencies
+        run: pnpm install -w www
       - name: Check for missing stories
         id: check
         run: echo "::set-output name=summary::$(npx tsx ./scripts/storybook-checker.ts)"
-      # - uses: buildingcash/json-to-markdown-table-action@v1
-      #   id: table
-      #   with:
-      #     json: ${{ steps.check.outputs.summary }}
       - name: Comment PR
         uses: thollander/actions-comment-pull-request@v2
         with:

From bd82666219f1253371e5ea4dd6428fe6436ab73f Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Sun, 7 Jan 2024 12:29:50 +0000
Subject: [PATCH 40/66] Update linter.yml

---
 .github/workflows/linter.yml | 32 ++++++++++++++++----------------
 1 file changed, 16 insertions(+), 16 deletions(-)

diff --git a/.github/workflows/linter.yml b/.github/workflows/linter.yml
index 0ebe4b08..31510403 100644
--- a/.github/workflows/linter.yml
+++ b/.github/workflows/linter.yml
@@ -1,18 +1,18 @@
-name: Lint Code Base
+# name: Lint Code Base
 
-on:
-  push:
-    branches-ignore: [master, main]
-  pull_request:
-    branches: [master, main]
+# on:
+#   push:
+#     branches-ignore: [master, main]
+#   pull_request:
+#     branches: [master, main]
 
-jobs:
-  build:
-    name: Lint Code Base
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v2
-      - name: Install modules
-        run: npm i
-      - name: Run ESLint
-        run: npm run lint
+# jobs:
+#   build:
+#     name: Lint Code Base
+#     runs-on: ubuntu-latest
+#     steps:
+#       - uses: actions/checkout@v2
+#       - name: Install modules
+#         run: npm i
+#       - name: Run ESLint
+#         run: npm run lint

From 1d11f6e560c3881f41d80e733bd9f8f301556457 Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Sun, 7 Jan 2024 12:31:13 +0000
Subject: [PATCH 41/66] Update storybook.yml

---
 .github/workflows/storybook.yml | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/.github/workflows/storybook.yml b/.github/workflows/storybook.yml
index 17f884b9..20407007 100644
--- a/.github/workflows/storybook.yml
+++ b/.github/workflows/storybook.yml
@@ -23,7 +23,9 @@ jobs:
         id: check
         run: echo "::set-output name=summary::$(npx tsx ./scripts/storybook-checker.ts)"
       - name: Comment PR
-        uses: thollander/actions-comment-pull-request@v2
-        with:
-          message: |
-            ${{steps.check.outputs.summary}}
+        run: echo ${{steps.check.outputs.summary}}
+      # - name: Comment PR
+      #   uses: thollander/actions-comment-pull-request@v2
+      #   with:
+      #     message: |
+      #       ${{steps.check.outputs.summary}}

From 24e4fe14b056c4fb3e4399a5254e01e5e024a6b4 Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Sun, 7 Jan 2024 12:32:28 +0000
Subject: [PATCH 42/66] wip

---
 scripts/storybook-checker.ts | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/scripts/storybook-checker.ts b/scripts/storybook-checker.ts
index ba3470ae..4fd35c63 100644
--- a/scripts/storybook-checker.ts
+++ b/scripts/storybook-checker.ts
@@ -63,8 +63,7 @@ const basePath = '../apps/www/src/components/ui'
   //   console.log(tablemark(missingStories))
   // }
 
-  console.log(`
-  | Category  | Total components | Has story |
+  console.log(`| Category  | Total components | Has story |
   | :-------- | :--------------- | :-------- |
   | atoms     | 8                | 8 - 100%  |
   | molecules | 12               | 12 - 100% |

From b131c025eaa2688a92a216828e59e196d555acc5 Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Sun, 7 Jan 2024 12:33:49 +0000
Subject: [PATCH 43/66] Update storybook-checker.ts

---
 scripts/storybook-checker.ts | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/scripts/storybook-checker.ts b/scripts/storybook-checker.ts
index 4fd35c63..a935a7dd 100644
--- a/scripts/storybook-checker.ts
+++ b/scripts/storybook-checker.ts
@@ -63,15 +63,15 @@ const basePath = '../apps/www/src/components/ui'
   //   console.log(tablemark(missingStories))
   // }
 
-  console.log(`| Category  | Total components | Has story |
-  | :-------- | :--------------- | :-------- |
-  | atoms     | 8                | 8 - 100%  |
-  | molecules | 12               | 12 - 100% |
-  | organisms | 26               | 26 - 100% |
-  | svgs      | 1                | 0 - 0%    |
-
-  | Name  | Has story | Path         |
-  | :---- | :-------- | :----------- |
-  | icons | false     | ./svgs/icons |
+  console.log(`| Category  | Total components | Has story |\n
+  | :-------- | :--------------- | :-------- |\n
+  | atoms     | 8                | 8 - 100%  |\n
+  | molecules | 12               | 12 - 100% |\n
+  | organisms | 26               | 26 - 100% |\n
+  | svgs      | 1                | 0 - 0%    |\n
+\n
+  | Name  | Has story | Path         |\n
+  | :---- | :-------- | :----------- |\n
+  | icons | false     | ./svgs/icons |\n
 `)
 })()

From 56291d467d29a6423498d7705b6034ad82e6368d Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Sun, 7 Jan 2024 12:38:58 +0000
Subject: [PATCH 44/66] Update storybook-checker.ts

---
 scripts/storybook-checker.ts | 24 +++++++++++++-----------
 1 file changed, 13 insertions(+), 11 deletions(-)

diff --git a/scripts/storybook-checker.ts b/scripts/storybook-checker.ts
index a935a7dd..f6db8c93 100644
--- a/scripts/storybook-checker.ts
+++ b/scripts/storybook-checker.ts
@@ -63,15 +63,17 @@ const basePath = '../apps/www/src/components/ui'
   //   console.log(tablemark(missingStories))
   // }
 
-  console.log(`| Category  | Total components | Has story |\n
-  | :-------- | :--------------- | :-------- |\n
-  | atoms     | 8                | 8 - 100%  |\n
-  | molecules | 12               | 12 - 100% |\n
-  | organisms | 26               | 26 - 100% |\n
-  | svgs      | 1                | 0 - 0%    |\n
-\n
-  | Name  | Has story | Path         |\n
-  | :---- | :-------- | :----------- |\n
-  | icons | false     | ./svgs/icons |\n
-`)
+  console.log(
+    `| Category  | Total components | Has story |
+  | :-------- | :--------------- | :-------- |
+  | atoms     | 8                | 8 - 100%  |
+  | molecules | 12               | 12 - 100% |
+  | organisms | 26               | 26 - 100% |
+  | svgs      | 1                | 0 - 0%    |
+
+  | Name  | Has story | Path         |
+  | :---- | :-------- | :----------- |
+  | icons | false     | ./svgs/icons |
+`.replaceAll(/[\r\n]/gm, '<br>')
+  )
 })()

From 6cb1f25c476174c3fc4befff7f82371ac31a63b2 Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Sun, 7 Jan 2024 12:39:14 +0000
Subject: [PATCH 45/66] Update storybook.yml

---
 .github/workflows/storybook.yml | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/.github/workflows/storybook.yml b/.github/workflows/storybook.yml
index 20407007..17f884b9 100644
--- a/.github/workflows/storybook.yml
+++ b/.github/workflows/storybook.yml
@@ -23,9 +23,7 @@ jobs:
         id: check
         run: echo "::set-output name=summary::$(npx tsx ./scripts/storybook-checker.ts)"
       - name: Comment PR
-        run: echo ${{steps.check.outputs.summary}}
-      # - name: Comment PR
-      #   uses: thollander/actions-comment-pull-request@v2
-      #   with:
-      #     message: |
-      #       ${{steps.check.outputs.summary}}
+        uses: thollander/actions-comment-pull-request@v2
+        with:
+          message: |
+            ${{steps.check.outputs.summary}}

From 816238467c308f1857aa38ce1ffffd0951264f70 Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Sun, 7 Jan 2024 12:42:52 +0000
Subject: [PATCH 46/66] Update storybook-checker.ts

---
 scripts/storybook-checker.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/scripts/storybook-checker.ts b/scripts/storybook-checker.ts
index f6db8c93..6d86321e 100644
--- a/scripts/storybook-checker.ts
+++ b/scripts/storybook-checker.ts
@@ -74,6 +74,6 @@ const basePath = '../apps/www/src/components/ui'
   | Name  | Has story | Path         |
   | :---- | :-------- | :----------- |
   | icons | false     | ./svgs/icons |
-`.replaceAll(/[\r\n]/gm, '<br>')
+`.replaceAll(/[\r\n]/gm, '\\r\\n')
   )
 })()

From 090345ad3a8ed27f344bc7e3c3b7a96588c547e3 Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Sun, 7 Jan 2024 12:49:40 +0000
Subject: [PATCH 47/66] wip

---
 .github/workflows/storybook.yml | 7 +++++--
 scripts/storybook-checker.ts    | 2 +-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/.github/workflows/storybook.yml b/.github/workflows/storybook.yml
index 17f884b9..a86d6279 100644
--- a/.github/workflows/storybook.yml
+++ b/.github/workflows/storybook.yml
@@ -21,9 +21,12 @@ jobs:
         run: pnpm install -w www
       - name: Check for missing stories
         id: check
-        run: echo "::set-output name=summary::$(npx tsx ./scripts/storybook-checker.ts)"
+        run: echo "::set-output name=summary::$(npx tsx ./scripts/storybook-checker.ts | base64 | tr -d '\n')"
+      - name: Decode Output
+        id: decode
+        run: echo "$(echo "${{ steps.check.outputs.summary }}" | base64 --decode)"
       - name: Comment PR
         uses: thollander/actions-comment-pull-request@v2
         with:
           message: |
-            ${{steps.check.outputs.summary}}
+            ${{steps.decode.outputs.stdout}}
diff --git a/scripts/storybook-checker.ts b/scripts/storybook-checker.ts
index 6d86321e..14ee2113 100644
--- a/scripts/storybook-checker.ts
+++ b/scripts/storybook-checker.ts
@@ -74,6 +74,6 @@ const basePath = '../apps/www/src/components/ui'
   | Name  | Has story | Path         |
   | :---- | :-------- | :----------- |
   | icons | false     | ./svgs/icons |
-`.replaceAll(/[\r\n]/gm, '\\r\\n')
+  `
   )
 })()

From 00b48d263b8ee61b0c729c618280b87ca8686a4f Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Sun, 7 Jan 2024 12:51:53 +0000
Subject: [PATCH 48/66] Update storybook.yml

---
 .github/workflows/storybook.yml | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/.github/workflows/storybook.yml b/.github/workflows/storybook.yml
index a86d6279..ca60c3a4 100644
--- a/.github/workflows/storybook.yml
+++ b/.github/workflows/storybook.yml
@@ -24,9 +24,10 @@ jobs:
         run: echo "::set-output name=summary::$(npx tsx ./scripts/storybook-checker.ts | base64 | tr -d '\n')"
       - name: Decode Output
         id: decode
-        run: echo "$(echo "${{ steps.check.outputs.summary }}" | base64 --decode)"
+        run: |
+          echo "::set-output name=decoded::$(echo "${{ steps.check.outputs.summary }}" | base64 --decode)"
       - name: Comment PR
         uses: thollander/actions-comment-pull-request@v2
         with:
           message: |
-            ${{steps.decode.outputs.stdout}}
+            ${{steps.decode.outputs.decoded}}

From 5f777333bc96da78c5d010997c8c05a20068a1b8 Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Sun, 7 Jan 2024 13:16:59 +0000
Subject: [PATCH 49/66] wip

---
 .github/workflows/storybook.yml |   9 +--
 scripts/storybook-checker.ts    | 135 +++++++++++++++-----------------
 storybook-check.md              |   8 ++
 3 files changed, 75 insertions(+), 77 deletions(-)
 create mode 100644 storybook-check.md

diff --git a/.github/workflows/storybook.yml b/.github/workflows/storybook.yml
index ca60c3a4..229fcbfe 100644
--- a/.github/workflows/storybook.yml
+++ b/.github/workflows/storybook.yml
@@ -21,13 +21,8 @@ jobs:
         run: pnpm install -w www
       - name: Check for missing stories
         id: check
-        run: echo "::set-output name=summary::$(npx tsx ./scripts/storybook-checker.ts | base64 | tr -d '\n')"
-      - name: Decode Output
-        id: decode
-        run: |
-          echo "::set-output name=decoded::$(echo "${{ steps.check.outputs.summary }}" | base64 --decode)"
+        run: pnpm run storybook:check
       - name: Comment PR
         uses: thollander/actions-comment-pull-request@v2
         with:
-          message: |
-            ${{steps.decode.outputs.decoded}}
+          filePath: './storybook-check.md'
diff --git a/scripts/storybook-checker.ts b/scripts/storybook-checker.ts
index 14ee2113..9c68bca0 100644
--- a/scripts/storybook-checker.ts
+++ b/scripts/storybook-checker.ts
@@ -1,79 +1,74 @@
-// import {join} from 'path'
-// import fg from 'fast-glob'
-// import fs from 'fs'
-// import tablemark from 'tablemark'
+import {exec} from 'child_process'
+import {join} from 'path'
+import fg from 'fast-glob'
+import fs from 'fs'
+import tablemark from 'tablemark'
 
 const basePath = '../apps/www/src/components/ui'
+const fileName = 'storybook-check.md'
 ;(async () => {
-  // const uiComponents = fg.sync(join(__dirname, `${basePath}/**/*/index.tsx`))
-  // const componentsCategories = fg
-  //   .sync(join(__dirname, `${basePath}/*`), {onlyDirectories: true})
-  //   .reduce((acc, path) => {
-  //     const key = path.split('/').pop()?.toString() || ''
-  //     return {
-  //       ...acc,
-  //       [key]: {
-  //         path,
-  //         total: 0,
-  //         hasStory: 0
-  //       }
-  //     }
-  //   }, {})
+  const uiComponents = fg.sync(join(__dirname, `${basePath}/**/*/index.tsx`))
+  const componentsCategories = fg
+    .sync(join(__dirname, `${basePath}/*`), {onlyDirectories: true})
+    .reduce((acc, path) => {
+      const key = path.split('/').pop()?.toString() || ''
+      return {
+        ...acc,
+        [key]: {
+          path,
+          total: 0,
+          hasStory: 0
+        }
+      }
+    }, {})
 
-  // function incrementCategory(path: string, hasStory: boolean) {
-  //   const index = Object.keys(componentsCategories)
-  //     .map((key) => path.includes(componentsCategories[key].path))
-  //     .indexOf(true)
-  //   componentsCategories[Object.keys(componentsCategories)[index]].total++
-  //   hasStory && componentsCategories[Object.keys(componentsCategories)[index]].hasStory++
-  // }
+  function incrementCategory(path: string, hasStory: boolean) {
+    const index = Object.keys(componentsCategories)
+      .map((key) => path.includes(componentsCategories[key].path))
+      .indexOf(true)
+    componentsCategories[Object.keys(componentsCategories)[index]].total++
+    hasStory && componentsCategories[Object.keys(componentsCategories)[index]].hasStory++
+  }
 
-  // function getRelativePath(path: string) {
-  //   return path.replace(join(__dirname, basePath), '.')
-  // }
+  function getRelativePath(path: string) {
+    return path.replace(join(__dirname, basePath), '.')
+  }
 
-  // const componentsStories = await Promise.all(
-  //   uiComponents.map(async (path) => {
-  //     const splitedPath = path.split('/')
-  //     splitedPath.pop()
-  //     const parent = splitedPath.join('/')
-  //     const name = parent.split('/').pop()
-  //     const hasStory = fs.existsSync(`${parent}/${name}.stories.tsx`)
-  //     incrementCategory(path, hasStory)
-  //     return {
-  //       name,
-  //       hasStory,
-  //       path: getRelativePath(parent)
-  //     }
-  //   })
-  // )
-
-  // const categoriesSummaryTable = Object.keys(componentsCategories).map((key) => {
-  //   const {total, hasStory} = componentsCategories[key]
-  //   return {
-  //     Category: key,
-  //     'Total components': total,
-  //     'Has story': `${hasStory} - ${Math.round((hasStory / total) * 100)}%`
-  //   }
-  // })
-  // console.log(tablemark(categoriesSummaryTable))
-
-  // const missingStories = componentsStories.filter(({hasStory}) => !hasStory)
-  // if (missingStories.length > 0) {
-  //   console.log(tablemark(missingStories))
-  // }
+  const componentsStories = await Promise.all(
+    uiComponents.map(async (path) => {
+      const splitedPath = path.split('/')
+      splitedPath.pop()
+      const parent = splitedPath.join('/')
+      const name = parent.split('/').pop()
+      const hasStory = fs.existsSync(`${parent}/${name}.stories.tsx`)
+      incrementCategory(path, hasStory)
+      return {
+        name,
+        hasStory,
+        path: getRelativePath(parent)
+      }
+    })
+  )
 
-  console.log(
-    `| Category  | Total components | Has story |
-  | :-------- | :--------------- | :-------- |
-  | atoms     | 8                | 8 - 100%  |
-  | molecules | 12               | 12 - 100% |
-  | organisms | 26               | 26 - 100% |
-  | svgs      | 1                | 0 - 0%    |
+  const categoriesSummaryTable = Object.keys(componentsCategories).map((key) => {
+    const {total, hasStory} = componentsCategories[key]
+    const percentage = Math.round((hasStory / total) * 100)
+    const percentageEmoji = percentage === 100 ? '🟢' : percentage > 80 ? '🟠' : '🔴'
+    const percentageString = `${percentage}% - ${percentageEmoji}`
+    return {
+      Category: key,
+      'Total components': total,
+      'Has story': `${hasStory} - ${percentageString}`
+    }
+  })
+  console.log(tablemark(categoriesSummaryTable))
+  exec(`echo "## Storybook check summary:" > ${fileName}`)
+  exec(`echo "${tablemark(categoriesSummaryTable)}" >> ${fileName}`)
 
-  | Name  | Has story | Path         |
-  | :---- | :-------- | :----------- |
-  | icons | false     | ./svgs/icons |
-  `
-  )
+  const missingStories = componentsStories.filter(({hasStory}) => !hasStory)
+  if (missingStories.length > 0) {
+    console.log(tablemark(missingStories))
+    exec(`echo "## Missing stories:" > ${fileName}`)
+    exec(`echo "${tablemark(categoriesSummaryTable)}" >> ${fileName}`)
+  }
 })()
diff --git a/storybook-check.md b/storybook-check.md
new file mode 100644
index 00000000..94b6446e
--- /dev/null
+++ b/storybook-check.md
@@ -0,0 +1,8 @@
+## Storybook check summary:
+| Category  | Total components | Has story     |
+| :-------- | :--------------- | :------------ |
+| atoms     | 8                | 8 - 100% - 🟢 |
+| molecules | 12               | 12 - 100% - 🟢 |
+| organisms | 26               | 26 - 100% - 🟢 |
+| svgs      | 0                | 0 - NaN% - 🔴 |
+

From 1bd2e84a3e8659aaf2e5ceb741c4df6bae5c4f77 Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Sun, 7 Jan 2024 13:18:43 +0000
Subject: [PATCH 50/66] wip

---
 .github/workflows/storybook.yml | 2 +-
 package.json                    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/.github/workflows/storybook.yml b/.github/workflows/storybook.yml
index 229fcbfe..b334ce8c 100644
--- a/.github/workflows/storybook.yml
+++ b/.github/workflows/storybook.yml
@@ -21,7 +21,7 @@ jobs:
         run: pnpm install -w www
       - name: Check for missing stories
         id: check
-        run: pnpm run storybook:check
+        run: pnpm run storybook-check
       - name: Comment PR
         uses: thollander/actions-comment-pull-request@v2
         with:
diff --git a/package.json b/package.json
index b4c0a769..d5df8aac 100644
--- a/package.json
+++ b/package.json
@@ -21,7 +21,7 @@
     "lint-eslint": "eslint . --ext js,jsx,ts,tsx --max-warnings=0 --config .eslintrc.json --no-eslintrc",
     "prettier-check": "prettier --check .",
     "start": "cd apps/cms && npm run start",
-    "storybook-check": "npx tsx ./scripts/storybook-checker.ts"
+    "storybook:check": "npx tsx ./scripts/storybook-checker.ts"
   },
   "dependencies": {
     "react": "^18.2.0",

From ba2559dac154bd46a9dd20de076446d397cdc88b Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Sun, 7 Jan 2024 13:18:59 +0000
Subject: [PATCH 51/66] Update storybook-checker.ts

---
 scripts/storybook-checker.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/scripts/storybook-checker.ts b/scripts/storybook-checker.ts
index 9c68bca0..bbb7c420 100644
--- a/scripts/storybook-checker.ts
+++ b/scripts/storybook-checker.ts
@@ -68,7 +68,7 @@ const fileName = 'storybook-check.md'
   const missingStories = componentsStories.filter(({hasStory}) => !hasStory)
   if (missingStories.length > 0) {
     console.log(tablemark(missingStories))
-    exec(`echo "## Missing stories:" > ${fileName}`)
+    exec(`echo "## Missing stories:" >> ${fileName}`)
     exec(`echo "${tablemark(categoriesSummaryTable)}" >> ${fileName}`)
   }
 })()

From c37700051f31c3dd2cb77041fdca351a89871f47 Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Sun, 7 Jan 2024 13:20:18 +0000
Subject: [PATCH 52/66] Update storybook.yml

---
 .github/workflows/storybook.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/storybook.yml b/.github/workflows/storybook.yml
index b334ce8c..229fcbfe 100644
--- a/.github/workflows/storybook.yml
+++ b/.github/workflows/storybook.yml
@@ -21,7 +21,7 @@ jobs:
         run: pnpm install -w www
       - name: Check for missing stories
         id: check
-        run: pnpm run storybook-check
+        run: pnpm run storybook:check
       - name: Comment PR
         uses: thollander/actions-comment-pull-request@v2
         with:

From d88800f0c1fe9b235bb48812bc940d56858caf26 Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Sun, 7 Jan 2024 13:20:50 +0000
Subject: [PATCH 53/66] wip

---
 .gitignore         | 1 +
 storybook-check.md | 8 --------
 2 files changed, 1 insertion(+), 8 deletions(-)
 delete mode 100644 storybook-check.md

diff --git a/.gitignore b/.gitignore
index 9603cb61..71872024 100644
--- a/.gitignore
+++ b/.gitignore
@@ -125,3 +125,4 @@ public/blog
 .env
 .vscode
 *.dump
+storybook-check.md
diff --git a/storybook-check.md b/storybook-check.md
deleted file mode 100644
index 94b6446e..00000000
--- a/storybook-check.md
+++ /dev/null
@@ -1,8 +0,0 @@
-## Storybook check summary:
-| Category  | Total components | Has story     |
-| :-------- | :--------------- | :------------ |
-| atoms     | 8                | 8 - 100% - 🟢 |
-| molecules | 12               | 12 - 100% - 🟢 |
-| organisms | 26               | 26 - 100% - 🟢 |
-| svgs      | 0                | 0 - NaN% - 🔴 |
-

From 761f19661f2a465e20ffcde6e094ca520efcc1eb Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Sun, 7 Jan 2024 13:21:25 +0000
Subject: [PATCH 54/66] Update storybook-checker.ts

---
 scripts/storybook-checker.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/scripts/storybook-checker.ts b/scripts/storybook-checker.ts
index bbb7c420..8b2a3916 100644
--- a/scripts/storybook-checker.ts
+++ b/scripts/storybook-checker.ts
@@ -69,6 +69,6 @@ const fileName = 'storybook-check.md'
   if (missingStories.length > 0) {
     console.log(tablemark(missingStories))
     exec(`echo "## Missing stories:" >> ${fileName}`)
-    exec(`echo "${tablemark(categoriesSummaryTable)}" >> ${fileName}`)
+    exec(`echo "${tablemark(missingStories)}" >> ${fileName}`)
   }
 })()

From ec8fba0b59df7a082355e5f9f2134b8c86d1838c Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Sun, 7 Jan 2024 13:30:52 +0000
Subject: [PATCH 55/66] [www/components/ui/svgs] Add svgs stories

---
 .../src/components/ui/atoms/button/index.tsx  |  2 +-
 .../ui/molecules/article/cover/index.tsx      |  2 +-
 .../ui/molecules/cards/cover/index.tsx        |  2 +-
 .../components/ui/organisms/footer/index.tsx  |  6 +++---
 .../components/ui/organisms/header/index.tsx  |  2 +-
 .../icons/{spinner.tsx => spinner/index.tsx}  |  6 +++++-
 .../ui/svgs/icons/spinner/spinner.stories.tsx | 20 ++++++++++++++++++
 .../ui/svgs/logos/56k/56k.stories.tsx         | 21 +++++++++++++++++++
 .../ui/svgs/logos/{56k.tsx => 56k/index.tsx}  |  4 ++--
 .../{linkedin.tsx => linkedin/index.tsx}      |  4 ++--
 .../svgs/logos/linkedin/linkedin.stories.tsx  | 21 +++++++++++++++++++
 .../ui/svgs/logos/{x.tsx => x/index.tsx}      |  4 ++--
 .../components/ui/svgs/logos/x/x.stories.tsx  | 21 +++++++++++++++++++
 13 files changed, 101 insertions(+), 14 deletions(-)
 rename apps/www/src/components/ui/svgs/icons/{spinner.tsx => spinner/index.tsx} (93%)
 create mode 100644 apps/www/src/components/ui/svgs/icons/spinner/spinner.stories.tsx
 create mode 100644 apps/www/src/components/ui/svgs/logos/56k/56k.stories.tsx
 rename apps/www/src/components/ui/svgs/logos/{56k.tsx => 56k/index.tsx} (95%)
 rename apps/www/src/components/ui/svgs/logos/{linkedin.tsx => linkedin/index.tsx} (90%)
 create mode 100644 apps/www/src/components/ui/svgs/logos/linkedin/linkedin.stories.tsx
 rename apps/www/src/components/ui/svgs/logos/{x.tsx => x/index.tsx} (83%)
 create mode 100644 apps/www/src/components/ui/svgs/logos/x/x.stories.tsx

diff --git a/apps/www/src/components/ui/atoms/button/index.tsx b/apps/www/src/components/ui/atoms/button/index.tsx
index ca2034c6..dfda10a9 100644
--- a/apps/www/src/components/ui/atoms/button/index.tsx
+++ b/apps/www/src/components/ui/atoms/button/index.tsx
@@ -1,8 +1,8 @@
 import {ButtonProps, ButtonPropsImpl} from './button.model'
 import {Fragment, JSXElementConstructor, forwardRef, isValidElement} from 'react'
 import {Slot} from '@radix-ui/react-slot'
-import {Spinner} from '@/components/ui/svgs/icons/spinner'
 import {cn} from '@/utils/toolbox'
+import Spinner from '@/components/ui/svgs/icons/spinner'
 
 function Button(props: ButtonPropsImpl, ref: React.ForwardedRef<HTMLButtonElement>) {
   const buttonProps = new ButtonProps(props)
diff --git a/apps/www/src/components/ui/molecules/article/cover/index.tsx b/apps/www/src/components/ui/molecules/article/cover/index.tsx
index 690c3b63..3507b9f6 100644
--- a/apps/www/src/components/ui/molecules/article/cover/index.tsx
+++ b/apps/www/src/components/ui/molecules/article/cover/index.tsx
@@ -1,10 +1,10 @@
 'use client'
 
 import {ImageProps} from '@/models/image.model'
-import {Logo} from '@/components/ui/svgs/logos/56k'
 import {cn} from '@/utils/toolbox'
 import {useState} from 'react'
 import Image from 'next/image'
+import Logo from '@/components/ui/svgs/logos/56k'
 
 export type ArticleCoverProps = {
   image: ImageProps
diff --git a/apps/www/src/components/ui/molecules/cards/cover/index.tsx b/apps/www/src/components/ui/molecules/cards/cover/index.tsx
index ffa49f54..ec51ed58 100644
--- a/apps/www/src/components/ui/molecules/cards/cover/index.tsx
+++ b/apps/www/src/components/ui/molecules/cards/cover/index.tsx
@@ -1,10 +1,10 @@
 'use client'
 
 import {ImageProps} from '@/models/image.model'
-import {Logo} from '@/components/ui/svgs/logos/56k'
 import {cn} from '@/utils/toolbox'
 import {useEffect, useRef, useState} from 'react'
 import Image from 'next/image'
+import Logo from '@/components/ui/svgs/logos/56k'
 
 export type CardCoverProps = {
   image: ImageProps
diff --git a/apps/www/src/components/ui/organisms/footer/index.tsx b/apps/www/src/components/ui/organisms/footer/index.tsx
index 8f2d3067..9edb0c19 100644
--- a/apps/www/src/components/ui/organisms/footer/index.tsx
+++ b/apps/www/src/components/ui/organisms/footer/index.tsx
@@ -1,11 +1,11 @@
 import {Dictionary} from '@/models/dictionary.model'
 import {LinkProps, SocialLinks} from '@/models/link.model'
-import {Linkedin} from '../../svgs/logos/linkedin'
-import {Logo} from '../../svgs/logos/56k'
 import {Service} from '@/models/service.model'
 import {Solution} from '@/models/solution.model'
-import {X} from '../../svgs/logos/x'
 import Button from '../../atoms/button'
+import Linkedin from '../../svgs/logos/linkedin'
+import Logo from '../../svgs/logos/56k'
+import X from '../../svgs/logos/x'
 
 export type FooterProps = {
   dictionary: Dictionary
diff --git a/apps/www/src/components/ui/organisms/header/index.tsx b/apps/www/src/components/ui/organisms/header/index.tsx
index 705387ec..5987ccb9 100644
--- a/apps/www/src/components/ui/organisms/header/index.tsx
+++ b/apps/www/src/components/ui/organisms/header/index.tsx
@@ -4,13 +4,13 @@ import {Bars3Icon, XMarkIcon} from '@heroicons/react/24/outline'
 import {Dialog} from '@headlessui/react'
 import {Dictionary} from '@/models/dictionary.model'
 import {LinkProps} from '@/models/link.model'
-import {Logo} from '../../svgs/logos/56k'
 import {cn} from '@/utils/toolbox'
 import {usePathname} from 'next/navigation'
 import {useState} from 'react'
 import Button from '../../atoms/button'
 import LanguageSwitcher from '../../molecules/language-switcher'
 import Link from 'next/link'
+import Logo from '../../svgs/logos/56k'
 
 export type HeaderProps = {
   dictionary: Dictionary
diff --git a/apps/www/src/components/ui/svgs/icons/spinner.tsx b/apps/www/src/components/ui/svgs/icons/spinner/index.tsx
similarity index 93%
rename from apps/www/src/components/ui/svgs/icons/spinner.tsx
rename to apps/www/src/components/ui/svgs/icons/spinner/index.tsx
index c7a05c55..29283d12 100644
--- a/apps/www/src/components/ui/svgs/icons/spinner.tsx
+++ b/apps/www/src/components/ui/svgs/icons/spinner/index.tsx
@@ -1,6 +1,10 @@
 import {cn} from '@/utils/toolbox'
 
-export function Spinner({className = 'w-5 h-5'}: {className?: string}) {
+export type SpinnerProps = {
+  className?: string
+}
+
+export default function Spinner({className = 'w-5 h-5'}: SpinnerProps) {
   return (
     <div
       aria-label='Loading...'
diff --git a/apps/www/src/components/ui/svgs/icons/spinner/spinner.stories.tsx b/apps/www/src/components/ui/svgs/icons/spinner/spinner.stories.tsx
new file mode 100644
index 00000000..f8be0adf
--- /dev/null
+++ b/apps/www/src/components/ui/svgs/icons/spinner/spinner.stories.tsx
@@ -0,0 +1,20 @@
+import Spinner, {SpinnerProps} from './index'
+import type {Meta} from '@storybook/react'
+
+const meta = {
+  title: 'components/Svgs/Icons/Spinner',
+  component: Spinner,
+  tags: ['autodocs']
+} satisfies Meta<typeof Spinner>
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  render: (args: SpinnerProps) => (
+    <Spinner
+      {...args}
+      className='text-white w-10 h-10'
+    />
+  )
+}
diff --git a/apps/www/src/components/ui/svgs/logos/56k/56k.stories.tsx b/apps/www/src/components/ui/svgs/logos/56k/56k.stories.tsx
new file mode 100644
index 00000000..21f63631
--- /dev/null
+++ b/apps/www/src/components/ui/svgs/logos/56k/56k.stories.tsx
@@ -0,0 +1,21 @@
+import {IconProps} from '@/models/icon.model'
+import Logo from './index'
+import type {Meta} from '@storybook/react'
+
+const meta = {
+  title: 'components/Svgs/Logos/Logo',
+  component: Logo,
+  tags: ['autodocs']
+} satisfies Meta<typeof Logo>
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  render: (args: IconProps) => (
+    <Logo
+      {...args}
+      className='text-white'
+    />
+  )
+}
diff --git a/apps/www/src/components/ui/svgs/logos/56k.tsx b/apps/www/src/components/ui/svgs/logos/56k/index.tsx
similarity index 95%
rename from apps/www/src/components/ui/svgs/logos/56k.tsx
rename to apps/www/src/components/ui/svgs/logos/56k/index.tsx
index d0b22e28..f0252d8e 100644
--- a/apps/www/src/components/ui/svgs/logos/56k.tsx
+++ b/apps/www/src/components/ui/svgs/logos/56k/index.tsx
@@ -1,6 +1,6 @@
-import {IconProps} from '../../../../models/icon.model'
+import {IconProps} from '../../../../../models/icon.model'
 
-export function Logo(props: IconProps) {
+export default function Logo(props: IconProps) {
   return (
     <svg
       version='1.1'
diff --git a/apps/www/src/components/ui/svgs/logos/linkedin.tsx b/apps/www/src/components/ui/svgs/logos/linkedin/index.tsx
similarity index 90%
rename from apps/www/src/components/ui/svgs/logos/linkedin.tsx
rename to apps/www/src/components/ui/svgs/logos/linkedin/index.tsx
index 75eb82e6..1855dcb7 100644
--- a/apps/www/src/components/ui/svgs/logos/linkedin.tsx
+++ b/apps/www/src/components/ui/svgs/logos/linkedin/index.tsx
@@ -1,6 +1,6 @@
-import {IconProps} from '../../../../models/icon.model'
+import {IconProps} from '../../../../../models/icon.model'
 
-export function Linkedin(props: IconProps) {
+export default function Linkedin(props: IconProps) {
   return (
     <svg
       xmlns='http://www.w3.org/2000/svg'
diff --git a/apps/www/src/components/ui/svgs/logos/linkedin/linkedin.stories.tsx b/apps/www/src/components/ui/svgs/logos/linkedin/linkedin.stories.tsx
new file mode 100644
index 00000000..26b3b155
--- /dev/null
+++ b/apps/www/src/components/ui/svgs/logos/linkedin/linkedin.stories.tsx
@@ -0,0 +1,21 @@
+import {IconProps} from '@/models/icon.model'
+import Linkedin from './index'
+import type {Meta} from '@storybook/react'
+
+const meta = {
+  title: 'components/Svgs/Logos/Linkedin',
+  component: Linkedin,
+  tags: ['autodocs']
+} satisfies Meta<typeof Linkedin>
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  render: (args: IconProps) => (
+    <Linkedin
+      {...args}
+      className='text-white'
+    />
+  )
+}
diff --git a/apps/www/src/components/ui/svgs/logos/x.tsx b/apps/www/src/components/ui/svgs/logos/x/index.tsx
similarity index 83%
rename from apps/www/src/components/ui/svgs/logos/x.tsx
rename to apps/www/src/components/ui/svgs/logos/x/index.tsx
index f80c5018..3d57f208 100644
--- a/apps/www/src/components/ui/svgs/logos/x.tsx
+++ b/apps/www/src/components/ui/svgs/logos/x/index.tsx
@@ -1,6 +1,6 @@
-import {IconProps} from '../../../../models/icon.model'
+import {IconProps} from '../../../../../models/icon.model'
 
-export function X(props: IconProps) {
+export default function X(props: IconProps) {
   return (
     <svg
       width='1200'
diff --git a/apps/www/src/components/ui/svgs/logos/x/x.stories.tsx b/apps/www/src/components/ui/svgs/logos/x/x.stories.tsx
new file mode 100644
index 00000000..891f9f58
--- /dev/null
+++ b/apps/www/src/components/ui/svgs/logos/x/x.stories.tsx
@@ -0,0 +1,21 @@
+import {IconProps} from '@/models/icon.model'
+import X from './index'
+import type {Meta} from '@storybook/react'
+
+const meta = {
+  title: 'components/Svgs/Logos/X',
+  component: X,
+  tags: ['autodocs']
+} satisfies Meta<typeof X>
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  render: (args: IconProps) => (
+    <X
+      {...args}
+      className='text-white w-10 h-10'
+    />
+  )
+}

From 4220383faeb1b2be4290f4443dd1fe3fa754e3ec Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Sun, 7 Jan 2024 13:36:32 +0000
Subject: [PATCH 56/66] Create diagram-full-width.stories.tsx

---
 .../diagram-full-width.stories.tsx            | 29 +++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 apps/www/src/components/ui/organisms/diagram-sections/diagram-full-width/diagram-full-width.stories.tsx

diff --git a/apps/www/src/components/ui/organisms/diagram-sections/diagram-full-width/diagram-full-width.stories.tsx b/apps/www/src/components/ui/organisms/diagram-sections/diagram-full-width/diagram-full-width.stories.tsx
new file mode 100644
index 00000000..f22c83c7
--- /dev/null
+++ b/apps/www/src/components/ui/organisms/diagram-sections/diagram-full-width/diagram-full-width.stories.tsx
@@ -0,0 +1,29 @@
+import {faker} from '@faker-js/faker'
+import {imageFactory} from '@/tests/factories/image.factory'
+import DiagramFullWidth, {DiagramFullWidthProps} from './index'
+import type {Meta} from '@storybook/react'
+
+const meta = {
+  title: 'components/Organisms/DiagramFullWidth',
+  component: DiagramFullWidth,
+  tags: ['autodocs'],
+  parameters: {
+    docs: {
+      story: {
+        height: '500px'
+      }
+    }
+  },
+  args: {
+    title: faker.lorem.sentence(),
+    description: faker.lorem.paragraph(),
+    image: imageFactory({width: 800, height: 200})
+  }
+} satisfies Meta<typeof DiagramFullWidth>
+
+export default meta
+
+export const Default = {
+  name: 'Default',
+  render: (args: DiagramFullWidthProps) => <DiagramFullWidth {...args} />
+}

From 87fa75e338a41f4275a0d3490f7d83d0fab8e5b2 Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Sun, 7 Jan 2024 15:04:46 +0000
Subject: [PATCH 57/66] wip

---
 .github/workflows/{storybook.yml => ci.yml}   | 26 ++++++++++++++++++-
 .github/workflows/linter.yml                  | 18 -------------
 .../ui/molecules/cards/team-member/index.tsx  |  2 +-
 package.json                                  |  1 +
 4 files changed, 27 insertions(+), 20 deletions(-)
 rename .github/workflows/{storybook.yml => ci.yml} (53%)
 delete mode 100644 .github/workflows/linter.yml

diff --git a/.github/workflows/storybook.yml b/.github/workflows/ci.yml
similarity index 53%
rename from .github/workflows/storybook.yml
rename to .github/workflows/ci.yml
index 229fcbfe..7493e051 100644
--- a/.github/workflows/storybook.yml
+++ b/.github/workflows/ci.yml
@@ -1,8 +1,32 @@
-name: Storybook
+name: CI
 
 on: pull_request
 
 jobs:
+  linter:
+    name: Lint Code Base
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - uses: pnpm/action-setup@v2
+        name: Install pnpm
+        with:
+          version: 8
+          run_install: true
+      - name: Run linter
+        run: pnpm run lint
+  build:
+    name: Lint Code Base
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - uses: pnpm/action-setup@v2
+        name: Install pnpm
+        with:
+          version: 8
+          run_install: true
+      - name: Run build
+        run: pnpm run build && pnpm run build:www
   component-check:
     name: Storybook
     runs-on: ubuntu-latest
diff --git a/.github/workflows/linter.yml b/.github/workflows/linter.yml
deleted file mode 100644
index 31510403..00000000
--- a/.github/workflows/linter.yml
+++ /dev/null
@@ -1,18 +0,0 @@
-# name: Lint Code Base
-
-# on:
-#   push:
-#     branches-ignore: [master, main]
-#   pull_request:
-#     branches: [master, main]
-
-# jobs:
-#   build:
-#     name: Lint Code Base
-#     runs-on: ubuntu-latest
-#     steps:
-#       - uses: actions/checkout@v2
-#       - name: Install modules
-#         run: npm i
-#       - name: Run ESLint
-#         run: npm run lint
diff --git a/apps/www/src/components/ui/molecules/cards/team-member/index.tsx b/apps/www/src/components/ui/molecules/cards/team-member/index.tsx
index 802bd0ba..9f57d0ae 100644
--- a/apps/www/src/components/ui/molecules/cards/team-member/index.tsx
+++ b/apps/www/src/components/ui/molecules/cards/team-member/index.tsx
@@ -1,9 +1,9 @@
 import {Link2} from 'lucide-react'
 import {TeamMember} from '@/models/team-member.model'
-import {X} from '../../../svgs/logos/x'
 import Avatar from '@/components/ui/atoms/avatar'
 import Button from '@/components/ui/atoms/button'
 import Link from 'next/link'
+import X from '../../../svgs/logos/x'
 
 export type TeamMemberCardProps = {
   teamMember: TeamMember
diff --git a/package.json b/package.json
index d5df8aac..0db511d3 100644
--- a/package.json
+++ b/package.json
@@ -15,6 +15,7 @@
   ],
   "scripts": {
     "build": "cd apps/cms && npm run build",
+    "build:www": "cd apps/www && npm run build",
     "dev:cms": "cd apps/cms && npm run dev",
     "dev:www": "cd apps/www && npm run dev",
     "lint": "run-p lint-eslint prettier-check",

From 60406b720a928efe85a74270f70627353167ad74 Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Sun, 7 Jan 2024 15:05:29 +0000
Subject: [PATCH 58/66] Update ci.yml

---
 .github/workflows/ci.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 7493e051..24e3a44f 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -16,7 +16,7 @@ jobs:
       - name: Run linter
         run: pnpm run lint
   build:
-    name: Lint Code Base
+    name: Build Code Base
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v2

From bcac80dd5b0c34fefb3a39326bcc64430de22488 Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Sun, 7 Jan 2024 15:07:20 +0000
Subject: [PATCH 59/66] Update ci.yml

---
 .github/workflows/ci.yml | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 24e3a44f..6579eca8 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -25,8 +25,11 @@ jobs:
         with:
           version: 8
           run_install: true
-      - name: Run build
-        run: pnpm run build && pnpm run build:www
+      - name: Build cms
+        run: pnpm run build
+      # Already done by vercel
+      # - name: Build www
+      #   run: pnpm run build:www
   component-check:
     name: Storybook
     runs-on: ubuntu-latest

From 0ea196df1a4e31a538a5ff510211f5392b716008 Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Mon, 8 Jan 2024 09:13:47 +0000
Subject: [PATCH 60/66] [.workflows/ci] Should fail if missing stories

---
 .github/workflows/ci.yml     | 4 ++++
 scripts/storybook-checker.ts | 7 ++++---
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 6579eca8..4fd1622a 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -33,6 +33,7 @@ jobs:
   component-check:
     name: Storybook
     runs-on: ubuntu-latest
+    continue-on-error: true
     steps:
       - uses: actions/checkout@v3
       - name: 'Install Node'
@@ -53,3 +54,6 @@ jobs:
         uses: thollander/actions-comment-pull-request@v2
         with:
           filePath: './storybook-check.md'
+      - name: Fail if stories are missing
+        if: ${{failure()}}
+        run: exit 1
diff --git a/scripts/storybook-checker.ts b/scripts/storybook-checker.ts
index 8b2a3916..180cbeda 100644
--- a/scripts/storybook-checker.ts
+++ b/scripts/storybook-checker.ts
@@ -65,10 +65,11 @@ const fileName = 'storybook-check.md'
   exec(`echo "## Storybook check summary:" > ${fileName}`)
   exec(`echo "${tablemark(categoriesSummaryTable)}" >> ${fileName}`)
 
-  const missingStories = componentsStories.filter(({hasStory}) => !hasStory)
+  let missingStories = componentsStories.filter(({hasStory}) => !hasStory)
   if (missingStories.length > 0) {
-    console.log(tablemark(missingStories))
+    missingStories = tablemark(missingStories)
     exec(`echo "## Missing stories:" >> ${fileName}`)
-    exec(`echo "${tablemark(missingStories)}" >> ${fileName}`)
+    exec(`echo "${missingStories}" >> ${fileName}`)
+    throw `Missing stories: ${missingStories}`
   }
 })()

From 1f6da4ee6c2163a2b047a23acb43eca02e43baba Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Mon, 8 Jan 2024 09:15:08 +0000
Subject: [PATCH 61/66] [.workflows/ci] Should fail if missing stories test

---
 apps/www/src/components/ui/svgs/icons/test/index.tsx | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 apps/www/src/components/ui/svgs/icons/test/index.tsx

diff --git a/apps/www/src/components/ui/svgs/icons/test/index.tsx b/apps/www/src/components/ui/svgs/icons/test/index.tsx
new file mode 100644
index 00000000..e69de29b

From 16b0cb3d9e6c9a5eb8cf1a93d9394b0c80cb4981 Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Mon, 8 Jan 2024 09:25:17 +0000
Subject: [PATCH 62/66] wip

---
 scripts/storybook-checker.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/scripts/storybook-checker.ts b/scripts/storybook-checker.ts
index 180cbeda..2cc9fe88 100644
--- a/scripts/storybook-checker.ts
+++ b/scripts/storybook-checker.ts
@@ -70,6 +70,6 @@ const fileName = 'storybook-check.md'
     missingStories = tablemark(missingStories)
     exec(`echo "## Missing stories:" >> ${fileName}`)
     exec(`echo "${missingStories}" >> ${fileName}`)
-    throw `Missing stories: ${missingStories}`
+    throw Error(`Missing stories: ${missingStories}`)
   }
 })()

From 520b8bd8bc00bceeea8de7547195c67049d3f5df Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Mon, 8 Jan 2024 09:28:40 +0000
Subject: [PATCH 63/66] Update ci.yml

---
 .github/workflows/ci.yml | 1 +
 1 file changed, 1 insertion(+)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 4fd1622a..5e0c41d6 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -51,6 +51,7 @@ jobs:
         id: check
         run: pnpm run storybook:check
       - name: Comment PR
+        if: ${{failure() || success()}}
         uses: thollander/actions-comment-pull-request@v2
         with:
           filePath: './storybook-check.md'

From 89164800f77fa1295d45f9837ac59332bf1d54d1 Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Mon, 8 Jan 2024 09:30:10 +0000
Subject: [PATCH 64/66] Delete index.tsx

---
 apps/www/src/components/ui/svgs/icons/test/index.tsx | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 delete mode 100644 apps/www/src/components/ui/svgs/icons/test/index.tsx

diff --git a/apps/www/src/components/ui/svgs/icons/test/index.tsx b/apps/www/src/components/ui/svgs/icons/test/index.tsx
deleted file mode 100644
index e69de29b..00000000

From d0d6fe1edb37d4a185495a16cd68b676e2b48fcb Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Mon, 8 Jan 2024 11:11:21 +0000
Subject: [PATCH 65/66] wip

---
 apps/cms/package.json                         |   18 +-
 .../plugins/revalidate-website/package.json   |   13 +-
 apps/cms/types/generated/contentTypes.d.ts    |   71 +
 apps/www/package.json                         |   49 +-
 package.json                                  |   16 +-
 pnpm-lock.yaml                                | 2208 ++++++++++++-----
 6 files changed, 1656 insertions(+), 719 deletions(-)

diff --git a/apps/cms/package.json b/apps/cms/package.json
index a2952fbc..99ffb8f3 100644
--- a/apps/cms/package.json
+++ b/apps/cms/package.json
@@ -15,19 +15,19 @@
     "strapi": "strapi"
   },
   "dependencies": {
-    "@strapi/plugin-i18n": "^4.15.5",
-    "@strapi/plugin-users-permissions": "4.15.5",
-    "@strapi/provider-upload-aws-s3": "^4.15.5",
-    "@strapi/strapi": "4.15.5",
-    "@strapi/typescript-utils": "^4.15.5",
-    "better-sqlite3": "9.1.1",
+    "@strapi/plugin-i18n": "^4.16.2",
+    "@strapi/plugin-users-permissions": "4.16.2",
+    "@strapi/provider-upload-aws-s3": "^4.16.2",
+    "@strapi/strapi": "4.16.2",
+    "@strapi/typescript-utils": "^4.16.2",
+    "better-sqlite3": "9.2.2",
     "glob": "^10.3.10",
     "pg": "^8.11.3",
     "pg-connection-string": "^2.6.2",
     "react": "^x",
     "react-dom": "^x",
-    "react-router-dom": "^5.2.0",
-    "strapi-plugin-multi-select": "^1.2.2",
+    "react-router-dom": "x",
+    "strapi-plugin-multi-select": "^1.2.3",
     "strapi-plugin-placeholder": "^4.4.0",
     "strapi-plugin-populate-deep": "^3.0.1",
     "strapi-plugin-preview-button": "^2.2.1",
@@ -39,7 +39,7 @@
   "devDependencies": {
     "@types/pg": "^8.10.9",
     "dotenv": "^16.3.1",
-    "tsx": "^4.3.0"
+    "tsx": "^x"
   },
   "engines": {
     "node": "18.x",
diff --git a/apps/cms/src/plugins/revalidate-website/package.json b/apps/cms/src/plugins/revalidate-website/package.json
index 8766ad4c..23f117be 100644
--- a/apps/cms/src/plugins/revalidate-website/package.json
+++ b/apps/cms/src/plugins/revalidate-website/package.json
@@ -16,21 +16,20 @@
     "develop": "tsc -p tsconfig.server.json -w"
   },
   "dependencies": {
-    "@strapi/design-system": "^1.6.3",
-    "@strapi/helper-plugin": "^4.6.0",
-    "@strapi/icons": "^1.6.3",
-    "prop-types": "^15.7.2"
+    "@strapi/design-system": "^1.13.1",
+    "@strapi/helper-plugin": "^4.16.2",
+    "@strapi/icons": "^1.13.0",
+    "prop-types": "^15.8.1"
   },
   "devDependencies": {
-    "@strapi/typescript-utils": "^4.6.0",
+    "@strapi/typescript-utils": "^4.16.2",
     "@types/react": "x",
     "@types/react-dom": "x",
     "@types/react-router-dom": "^5.3.3",
-    "@types/styled-components": "^5.1.26",
+    "@types/styled-components": "^5.1.34",
     "react": "x",
     "react-dom": "x",
     "react-router-dom": "^x",
-    "styled-components": "^5.3.6",
     "typescript": "x"
   },
   "peerDependencies": {
diff --git a/apps/cms/types/generated/contentTypes.d.ts b/apps/cms/types/generated/contentTypes.d.ts
index 67aff479..b807a350 100644
--- a/apps/cms/types/generated/contentTypes.d.ts
+++ b/apps/cms/types/generated/contentTypes.d.ts
@@ -369,6 +369,75 @@ export interface PluginUploadFolder extends Schema.CollectionType {
   }
 }
 
+export interface PluginContentReleasesRelease extends Schema.CollectionType {
+  collectionName: 'strapi_releases'
+  info: {
+    singularName: 'release'
+    pluralName: 'releases'
+    displayName: 'Release'
+  }
+  options: {
+    draftAndPublish: false
+  }
+  pluginOptions: {
+    'content-manager': {
+      visible: false
+    }
+    'content-type-builder': {
+      visible: false
+    }
+  }
+  attributes: {
+    name: Attribute.String & Attribute.Required
+    releasedAt: Attribute.DateTime
+    actions: Attribute.Relation<
+      'plugin::content-releases.release',
+      'oneToMany',
+      'plugin::content-releases.release-action'
+    >
+    createdAt: Attribute.DateTime
+    updatedAt: Attribute.DateTime
+    createdBy: Attribute.Relation<'plugin::content-releases.release', 'oneToOne', 'admin::user'> & Attribute.Private
+    updatedBy: Attribute.Relation<'plugin::content-releases.release', 'oneToOne', 'admin::user'> & Attribute.Private
+  }
+}
+
+export interface PluginContentReleasesReleaseAction extends Schema.CollectionType {
+  collectionName: 'strapi_release_actions'
+  info: {
+    singularName: 'release-action'
+    pluralName: 'release-actions'
+    displayName: 'Release Action'
+  }
+  options: {
+    draftAndPublish: false
+  }
+  pluginOptions: {
+    'content-manager': {
+      visible: false
+    }
+    'content-type-builder': {
+      visible: false
+    }
+  }
+  attributes: {
+    type: Attribute.Enumeration<['publish', 'unpublish']> & Attribute.Required
+    entry: Attribute.Relation<'plugin::content-releases.release-action', 'morphToOne'>
+    contentType: Attribute.String & Attribute.Required
+    release: Attribute.Relation<
+      'plugin::content-releases.release-action',
+      'manyToOne',
+      'plugin::content-releases.release'
+    >
+    createdAt: Attribute.DateTime
+    updatedAt: Attribute.DateTime
+    createdBy: Attribute.Relation<'plugin::content-releases.release-action', 'oneToOne', 'admin::user'> &
+      Attribute.Private
+    updatedBy: Attribute.Relation<'plugin::content-releases.release-action', 'oneToOne', 'admin::user'> &
+      Attribute.Private
+  }
+}
+
 export interface PluginTranslateBatchTranslateJob extends Schema.CollectionType {
   collectionName: 'translate_batch_translate_jobs'
   info: {
@@ -1249,6 +1318,8 @@ declare module '@strapi/types' {
       'admin::transfer-token-permission': AdminTransferTokenPermission
       'plugin::upload.file': PluginUploadFile
       'plugin::upload.folder': PluginUploadFolder
+      'plugin::content-releases.release': PluginContentReleasesRelease
+      'plugin::content-releases.release-action': PluginContentReleasesReleaseAction
       'plugin::translate.batch-translate-job': PluginTranslateBatchTranslateJob
       'plugin::i18n.locale': PluginI18NLocale
       'plugin::users-permissions.permission': PluginUsersPermissionsPermission
diff --git a/apps/www/package.json b/apps/www/package.json
index dd195cda..3a429214 100644
--- a/apps/www/package.json
+++ b/apps/www/package.json
@@ -12,41 +12,38 @@
     "storybook": "storybook dev -p 6006"
   },
   "dependencies": {
-    "@faker-js/faker": "^8.2.0",
-    "@heroicons/react": "^2.0.18",
+    "@heroicons/react": "^2.1.1",
     "@radix-ui/react-dialog": "^1.0.5",
     "@radix-ui/react-icons": "^1.3.0",
     "@radix-ui/react-select": "^2.0.0",
     "@radix-ui/react-slot": "^1.0.2",
-    "@slack/web-api": "^6.11.0",
     "child_process": "^1.0.2",
-    "clsx": "^2.0.0",
-    "date-fns": "^2.30.0",
+    "clsx": "^2.1.0",
+    "date-fns": "^3.1.0",
     "dotenv": "^16.3.1",
-    "framer-motion": "^10.16.4",
-    "humanize-duration": "^3.30.0",
-    "lucide-react": "0.298.0",
-    "luxon": "^3.4.3",
-    "markdown-to-jsx": "^7.3.2",
-    "next": "^14.0.1",
-    "next-translate": "^2.6.1",
-    "next-translate-plugin": "^2.6.1",
+    "framer-motion": "^10.17.9",
+    "humanize-duration": "^3.31.0",
+    "lucide-react": "0.307.0",
+    "luxon": "^3.4.4",
+    "markdown-to-jsx": "^7.4.0",
+    "next": "^14.0.4",
     "notion-to-tailwind": "0.0.12",
     "open-graph-scraper": "^6.3.2",
     "plaiceholder": "^3.0.0",
     "react": "x",
     "react-confetti-explosion": "^2.1.2",
     "react-dom": "x",
-    "react-hook-form": "^7.47.0",
-    "react-image-size": "^2.0.2",
+    "react-hook-form": "^7.49.2",
+    "react-image-size": "^2.3.2",
     "react-responsive-masonry": "^2.1.7",
     "react-twitter-widgets": "^1.11.0",
     "slugify": "^1.6.6",
-    "tailwind-merge": "^2.0.0",
+    "tailwind-merge": "^2.2.0",
     "tailwindcss-animate": "^1.0.7",
     "zod": "^3.22.4"
   },
   "devDependencies": {
+    "@faker-js/faker": "^x",
     "@headlessui/react": "^1.7.17",
     "@storybook/addon-essentials": "^7.6.7",
     "@storybook/addon-interactions": "^7.6.7",
@@ -59,24 +56,24 @@
     "@storybook/react-webpack5": "^7.6.7",
     "@storybook/test": "^7.6.7",
     "@tailwindcss/aspect-ratio": "^0.4.2",
-    "@tailwindcss/forms": "^0.5.6",
+    "@tailwindcss/forms": "^0.5.7",
     "@tailwindcss/typography": "^0.5.10",
-    "@types/humanize-duration": "^3.27.2",
-    "@types/luxon": "^3.3.3",
-    "@types/node": "^20.8.10",
+    "@types/humanize-duration": "^3.27.4",
+    "@types/luxon": "^3.4.0",
+    "@types/node": "^x",
     "@types/react": "^x",
-    "@types/react-responsive-masonry": "^2.1.2",
+    "@types/react-responsive-masonry": "^2.1.3",
     "autoprefixer": "^10.4.16",
     "buffer-image-size": "^0.6.4",
-    "eslint-config-next": "14.0.1",
+    "eslint-config-next": "14.0.4",
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-storybook": "^0.6.15",
     "fast-glob": "^3.3.2",
-    "postcss": "^8.4.31",
-    "storybook": "^7.5.2",
-    "tailwindcss": "^3.3.5",
+    "postcss": "^8.4.33",
+    "storybook": "^7.6.7",
+    "tailwindcss": "^3.4.1",
     "tsconfig-paths-webpack-plugin": "^4.1.0",
     "tsx": "x",
-    "typescript": "^5.2.2"
+    "typescript": "^5.3.3"
   }
 }
diff --git a/package.json b/package.json
index 0db511d3..119f2054 100644
--- a/package.json
+++ b/package.json
@@ -30,13 +30,13 @@
     "react-router-dom": "^5.2.0"
   },
   "devDependencies": {
-    "@faker-js/faker": "^8.2.0",
-    "@types/node": "20.8.7",
-    "@types/react": "^18.2.33",
+    "@faker-js/faker": "^8.3.1",
+    "@types/node": "20.10.6",
+    "@types/react": "^18.2.47",
     "@types/react-dom": "^18.2.18",
-    "@typescript-eslint/eslint-plugin": "^6.8.0",
-    "@typescript-eslint/parser": "^6.8.0",
-    "eslint": "^8.44.0",
+    "@typescript-eslint/eslint-plugin": "^6.18.0",
+    "@typescript-eslint/parser": "^6.18.0",
+    "eslint": "^8.56.0",
     "eslint-config-standard": "^17.1.0",
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-sort-imports-es6-autofix": "^0.6.0",
@@ -45,8 +45,8 @@
     "npm-run-all": "^4.1.5",
     "prettier": "^3.1.1",
     "tablemark": "^3.0.0",
-    "ts-node": "^10.9.1",
-    "tsx": "^4.3.0"
+    "ts-node": "^10.9.2",
+    "tsx": "^4.7.0"
   },
   "engines": {
     "node": "18"
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index f53cb3d9..803e9da8 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -19,25 +19,25 @@ importers:
         version: 5.3.4(react@18.2.0)
     devDependencies:
       '@faker-js/faker':
-        specifier: ^8.2.0
+        specifier: ^8.3.1
         version: 8.3.1
       '@types/node':
-        specifier: 20.8.7
-        version: 20.8.7
+        specifier: 20.10.6
+        version: 20.10.6
       '@types/react':
-        specifier: ^18.2.33
-        version: 18.2.45
+        specifier: ^18.2.47
+        version: 18.2.47
       '@types/react-dom':
         specifier: ^18.2.18
         version: 18.2.18
       '@typescript-eslint/eslint-plugin':
-        specifier: ^6.8.0
-        version: 6.15.0(@typescript-eslint/parser@6.15.0)(eslint@8.56.0)(typescript@5.3.3)
+        specifier: ^6.18.0
+        version: 6.18.0(@typescript-eslint/parser@6.18.0)(eslint@8.56.0)(typescript@5.3.3)
       '@typescript-eslint/parser':
-        specifier: ^6.8.0
-        version: 6.15.0(eslint@8.56.0)(typescript@5.3.3)
+        specifier: ^6.18.0
+        version: 6.18.0(eslint@8.56.0)(typescript@5.3.3)
       eslint:
-        specifier: ^8.44.0
+        specifier: ^8.56.0
         version: 8.56.0
       eslint-config-standard:
         specifier: ^17.1.0
@@ -50,7 +50,7 @@ importers:
         version: 0.6.0(eslint@8.56.0)
       eslint-plugin-unused-imports:
         specifier: ^3.0.0
-        version: 3.0.0(@typescript-eslint/eslint-plugin@6.15.0)(eslint@8.56.0)
+        version: 3.0.0(@typescript-eslint/eslint-plugin@6.18.0)(eslint@8.56.0)
       fs:
         specifier: 0.0.1-security
         version: 0.0.1-security
@@ -64,32 +64,32 @@ importers:
         specifier: ^3.0.0
         version: 3.0.0
       ts-node:
-        specifier: ^10.9.1
-        version: 10.9.2(@types/node@20.8.7)(typescript@5.3.3)
+        specifier: ^10.9.2
+        version: 10.9.2(@types/node@20.10.6)(typescript@5.3.3)
       tsx:
-        specifier: ^4.3.0
+        specifier: ^4.7.0
         version: 4.7.0
 
   apps/cms:
     dependencies:
       '@strapi/plugin-i18n':
-        specifier: ^4.15.5
-        version: 4.15.5(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@strapi/strapi@4.15.5)(@types/react-dom@18.2.18)(@types/react@18.2.45)(codemirror@6.0.1)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(redux@4.2.1)(styled-components@5.3.3)(typescript@5.2.2)
+        specifier: ^4.16.2
+        version: 4.16.2(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@strapi/strapi@4.16.2)(@types/react-dom@18.2.18)(@types/react@18.2.47)(codemirror@6.0.1)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(redux@4.2.1)(styled-components@5.3.3)(typescript@5.2.2)
       '@strapi/plugin-users-permissions':
-        specifier: 4.15.5
-        version: 4.15.5(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@strapi/strapi@4.15.5)(@types/react-dom@18.2.18)(@types/react@18.2.45)(codemirror@6.0.1)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(redux@4.2.1)(styled-components@5.3.3)(typescript@5.2.2)
+        specifier: 4.16.2
+        version: 4.16.2(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@strapi/strapi@4.16.2)(@types/react-dom@18.2.18)(@types/react@18.2.47)(codemirror@6.0.1)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(redux@4.2.1)(styled-components@5.3.3)(typescript@5.2.2)
       '@strapi/provider-upload-aws-s3':
-        specifier: ^4.15.5
-        version: 4.15.5
+        specifier: ^4.16.2
+        version: 4.16.2
       '@strapi/strapi':
-        specifier: 4.15.5
-        version: 4.15.5(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@types/node@20.8.7)(@types/react-dom@18.2.18)(@types/react@18.2.45)(better-sqlite3@9.1.1)(codemirror@6.0.1)(pg@8.11.3)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(redux@4.2.1)(styled-components@5.3.3)
+        specifier: 4.16.2
+        version: 4.16.2(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@types/node@20.10.6)(@types/react-dom@18.2.18)(@types/react@18.2.47)(better-sqlite3@9.2.2)(codemirror@6.0.1)(pg@8.11.3)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(redux@4.2.1)(styled-components@5.3.3)
       '@strapi/typescript-utils':
-        specifier: ^4.15.5
-        version: 4.15.5
+        specifier: ^4.16.2
+        version: 4.16.2
       better-sqlite3:
-        specifier: 9.1.1
-        version: 9.1.1
+        specifier: 9.2.2
+        version: 9.2.2
       glob:
         specifier: ^10.3.10
         version: 10.3.10
@@ -106,26 +106,26 @@ importers:
         specifier: ^x
         version: 18.2.0(react@18.2.0)
       react-router-dom:
-        specifier: ^5.2.0
+        specifier: x
         version: 5.3.4(react@18.2.0)
       strapi-plugin-multi-select:
-        specifier: ^1.2.2
-        version: 1.2.2(@strapi/strapi@4.15.5)
+        specifier: ^1.2.3
+        version: 1.2.3(@strapi/strapi@4.16.2)
       strapi-plugin-placeholder:
         specifier: ^4.4.0
-        version: 4.4.0(@strapi/strapi@4.15.5)(mime-types@2.1.35)(sharp@0.30.7)(yup@0.32.11)
+        version: 4.4.0(@strapi/strapi@4.16.2)(mime-types@2.1.35)(sharp@0.30.7)(yup@0.32.11)
       strapi-plugin-populate-deep:
         specifier: ^3.0.1
         version: 3.0.1
       strapi-plugin-preview-button:
         specifier: ^2.2.1
-        version: 2.2.1(@strapi/design-system@1.13.0)(@strapi/helper-plugin@4.15.5)(@strapi/icons@1.13.0)(@strapi/strapi@4.15.5)(@strapi/utils@4.15.5)(@types/react-dom@18.2.18)(@types/react@18.2.45)(lodash@4.17.21)(prop-types@15.8.1)(qs@6.11.2)(react-dom@18.2.0)(react-intl@6.5.5)(react-router-dom@5.3.4)(react@18.2.0)(redux@4.2.1)
+        version: 2.2.1(@strapi/design-system@1.13.0)(@strapi/helper-plugin@4.16.2)(@strapi/icons@1.13.0)(@strapi/strapi@4.16.2)(@strapi/utils@4.16.2)(@types/react-dom@18.2.18)(@types/react@18.2.47)(lodash@4.17.21)(prop-types@15.8.1)(qs@6.11.2)(react-dom@18.2.0)(react-intl@6.5.5)(react-router-dom@5.3.4)(react@18.2.0)(redux@4.2.1)
       strapi-plugin-slugify:
         specifier: ^2.3.8
-        version: 2.3.8(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@types/node@20.8.7)(@types/react-dom@18.2.18)(@types/react@18.2.45)(better-sqlite3@9.1.1)(codemirror@6.0.1)(pg@8.11.3)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(redux@4.2.1)(styled-components@5.3.3)
+        version: 2.3.8(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@types/node@20.10.6)(@types/react-dom@18.2.18)(@types/react@18.2.47)(better-sqlite3@9.2.2)(codemirror@6.0.1)(pg@8.11.3)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(redux@4.2.1)(styled-components@5.3.3)
       strapi-plugin-translate:
         specifier: ^1.2.4
-        version: 1.2.4(@strapi/design-system@1.13.0)(@strapi/icons@1.13.0)(@strapi/plugin-i18n@4.15.5)(@strapi/strapi@4.15.5)(@types/react@18.2.45)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3)(typescript@5.2.2)
+        version: 1.2.4(@strapi/design-system@1.13.0)(@strapi/icons@1.13.0)(@strapi/plugin-i18n@4.16.2)(@strapi/strapi@4.16.2)(@types/react@18.2.47)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3)(typescript@5.2.2)
       strapi-provider-translate-deepl:
         specifier: ^1.1.12
         version: 1.1.12(lodash@4.17.21)(strapi-plugin-translate@1.2.4)
@@ -140,27 +140,30 @@ importers:
         specifier: ^16.3.1
         version: 16.3.1
       tsx:
-        specifier: ^4.3.0
+        specifier: ^x
         version: 4.7.0
 
   apps/cms/src/plugins/revalidate-website:
     dependencies:
       '@strapi/design-system':
-        specifier: ^1.6.3
-        version: 1.13.0(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@strapi/icons@1.13.0)(@types/react-dom@18.2.18)(@types/react@18.2.45)(codemirror@6.0.1)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.11)
+        specifier: ^1.13.1
+        version: 1.14.0(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@strapi/icons@1.14.0)(@types/react-dom@18.2.18)(@types/react@18.2.45)(codemirror@6.0.1)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3)
       '@strapi/helper-plugin':
-        specifier: ^4.6.0
-        version: 4.15.5(@strapi/design-system@1.13.0)(@strapi/icons@1.13.0)(@types/react@18.2.45)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.11)(typescript@5.3.3)
+        specifier: ^4.16.2
+        version: 4.16.2(@strapi/design-system@1.14.0)(@strapi/icons@1.14.0)(@types/react@18.2.45)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3)(typescript@5.3.3)
       '@strapi/icons':
-        specifier: ^1.6.3
-        version: 1.13.0(react-dom@18.2.0)(react@18.2.0)
+        specifier: ^1.13.0
+        version: 1.14.0(react-dom@18.2.0)(react@18.2.0)
       prop-types:
-        specifier: ^15.7.2
+        specifier: ^15.8.1
         version: 15.8.1
+      styled-components:
+        specifier: ^5.2.1
+        version: 5.3.3(@babel/core@7.23.6)(react-dom@18.2.0)(react-is@18.2.0)(react@18.2.0)
     devDependencies:
       '@strapi/typescript-utils':
-        specifier: ^4.6.0
-        version: 4.15.5
+        specifier: ^4.16.2
+        version: 4.16.2
       '@types/react':
         specifier: x
         version: 18.2.45
@@ -171,7 +174,7 @@ importers:
         specifier: ^5.3.3
         version: 5.3.3
       '@types/styled-components':
-        specifier: ^5.1.26
+        specifier: ^5.1.34
         version: 5.1.34
       react:
         specifier: x
@@ -182,20 +185,14 @@ importers:
       react-router-dom:
         specifier: ^x
         version: 5.3.4(react@18.2.0)
-      styled-components:
-        specifier: ^5.3.6
-        version: 5.3.11(@babel/core@7.23.6)(react-dom@18.2.0)(react-is@18.2.0)(react@18.2.0)
       typescript:
         specifier: x
         version: 5.3.3
 
   apps/www:
     dependencies:
-      '@faker-js/faker':
-        specifier: ^8.2.0
-        version: 8.3.1
       '@heroicons/react':
-        specifier: ^2.0.18
+        specifier: ^2.1.1
         version: 2.1.1(react@18.2.0)
       '@radix-ui/react-dialog':
         specifier: ^1.0.5
@@ -209,45 +206,36 @@ importers:
       '@radix-ui/react-slot':
         specifier: ^1.0.2
         version: 1.0.2(@types/react@18.2.45)(react@18.2.0)
-      '@slack/web-api':
-        specifier: ^6.11.0
-        version: 6.11.0
       child_process:
         specifier: ^1.0.2
         version: 1.0.2
       clsx:
-        specifier: ^2.0.0
-        version: 2.0.0
+        specifier: ^2.1.0
+        version: 2.1.0
       date-fns:
-        specifier: ^2.30.0
-        version: 2.30.0
+        specifier: ^3.1.0
+        version: 3.1.0
       dotenv:
         specifier: ^16.3.1
         version: 16.3.1
       framer-motion:
-        specifier: ^10.16.4
-        version: 10.16.16(react-dom@18.2.0)(react@18.2.0)
+        specifier: ^10.17.9
+        version: 10.17.9(react-dom@18.2.0)(react@18.2.0)
       humanize-duration:
-        specifier: ^3.30.0
+        specifier: ^3.31.0
         version: 3.31.0
       lucide-react:
-        specifier: 0.298.0
-        version: 0.298.0(react@18.2.0)
+        specifier: 0.307.0
+        version: 0.307.0(react@18.2.0)
       luxon:
-        specifier: ^3.4.3
+        specifier: ^3.4.4
         version: 3.4.4
       markdown-to-jsx:
-        specifier: ^7.3.2
-        version: 7.3.2(react@18.2.0)
+        specifier: ^7.4.0
+        version: 7.4.0(react@18.2.0)
       next:
-        specifier: ^14.0.1
+        specifier: ^14.0.4
         version: 14.0.4(@babel/core@7.23.6)(react-dom@18.2.0)(react@18.2.0)
-      next-translate:
-        specifier: ^2.6.1
-        version: 2.6.2(next@14.0.4)(react@18.2.0)
-      next-translate-plugin:
-        specifier: ^2.6.1
-        version: 2.6.2(next-translate@2.6.2)
       notion-to-tailwind:
         specifier: 0.0.12
         version: 0.0.12(react-dom@18.2.0)(react@18.2.0)
@@ -267,10 +255,10 @@ importers:
         specifier: x
         version: 18.2.0(react@18.2.0)
       react-hook-form:
-        specifier: ^7.47.0
+        specifier: ^7.49.2
         version: 7.49.2(react@18.2.0)
       react-image-size:
-        specifier: ^2.0.2
+        specifier: ^2.3.2
         version: 2.3.2(react-dom@18.2.0)(react@18.2.0)
       react-responsive-masonry:
         specifier: ^2.1.7
@@ -282,15 +270,18 @@ importers:
         specifier: ^1.6.6
         version: 1.6.6
       tailwind-merge:
-        specifier: ^2.0.0
-        version: 2.1.0
+        specifier: ^2.2.0
+        version: 2.2.0
       tailwindcss-animate:
         specifier: ^1.0.7
-        version: 1.0.7(tailwindcss@3.3.7)
+        version: 1.0.7(tailwindcss@3.4.1)
       zod:
         specifier: ^3.22.4
         version: 3.22.4
     devDependencies:
+      '@faker-js/faker':
+        specifier: ^x
+        version: 8.3.1
       '@headlessui/react':
         specifier: ^1.7.17
         version: 1.7.17(react-dom@18.2.0)(react@18.2.0)
@@ -308,7 +299,7 @@ importers:
         version: 1.0.10(react-dom@18.2.0)(react@18.2.0)
       '@storybook/addon-styling':
         specifier: ^1.3.7
-        version: 1.3.7(@types/react-dom@18.2.18)(@types/react@18.2.45)(less@4.2.0)(postcss@8.4.32)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3)(webpack@5.89.0)
+        version: 1.3.7(@types/react-dom@18.2.18)(@types/react@18.2.45)(less@4.2.0)(postcss@8.4.33)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3)(webpack@5.89.0)
       '@storybook/blocks':
         specifier: ^7.6.7
         version: 7.6.7(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0)
@@ -326,37 +317,37 @@ importers:
         version: 7.6.7
       '@tailwindcss/aspect-ratio':
         specifier: ^0.4.2
-        version: 0.4.2(tailwindcss@3.3.7)
+        version: 0.4.2(tailwindcss@3.4.1)
       '@tailwindcss/forms':
-        specifier: ^0.5.6
-        version: 0.5.7(tailwindcss@3.3.7)
+        specifier: ^0.5.7
+        version: 0.5.7(tailwindcss@3.4.1)
       '@tailwindcss/typography':
         specifier: ^0.5.10
-        version: 0.5.10(tailwindcss@3.3.7)
+        version: 0.5.10(tailwindcss@3.4.1)
       '@types/humanize-duration':
-        specifier: ^3.27.2
-        version: 3.27.3
+        specifier: ^3.27.4
+        version: 3.27.4
       '@types/luxon':
-        specifier: ^3.3.3
-        version: 3.3.7
+        specifier: ^3.4.0
+        version: 3.4.0
       '@types/node':
-        specifier: ^20.8.10
-        version: 20.10.5
+        specifier: ^x
+        version: 20.10.6
       '@types/react':
         specifier: ^x
         version: 18.2.45
       '@types/react-responsive-masonry':
-        specifier: ^2.1.2
+        specifier: ^2.1.3
         version: 2.1.3
       autoprefixer:
         specifier: ^10.4.16
-        version: 10.4.16(postcss@8.4.32)
+        version: 10.4.16(postcss@8.4.33)
       buffer-image-size:
         specifier: ^0.6.4
         version: 0.6.4
       eslint-config-next:
-        specifier: 14.0.1
-        version: 14.0.1(eslint@8.56.0)(typescript@5.3.3)
+        specifier: 14.0.4
+        version: 14.0.4(eslint@8.56.0)(typescript@5.3.3)
       eslint-plugin-react:
         specifier: ^7.33.2
         version: 7.33.2(eslint@8.56.0)
@@ -367,14 +358,14 @@ importers:
         specifier: ^3.3.2
         version: 3.3.2
       postcss:
-        specifier: ^8.4.31
-        version: 8.4.32
+        specifier: ^8.4.33
+        version: 8.4.33
       storybook:
-        specifier: ^7.5.2
-        version: 7.6.6
+        specifier: ^7.6.7
+        version: 7.6.7
       tailwindcss:
-        specifier: ^3.3.5
-        version: 3.3.7(ts-node@10.9.2)
+        specifier: ^3.4.1
+        version: 3.4.1(ts-node@10.9.2)
       tsconfig-paths-webpack-plugin:
         specifier: ^4.1.0
         version: 4.1.0
@@ -382,7 +373,7 @@ importers:
         specifier: x
         version: 4.7.0
       typescript:
-        specifier: ^5.2.2
+        specifier: ^5.3.3
         version: 5.3.3
 
 packages:
@@ -2529,25 +2520,23 @@ packages:
 
   /@emotion/is-prop-valid@0.8.8:
     resolution: {integrity: sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA==}
+    requiresBuild: true
     dependencies:
       '@emotion/memoize': 0.7.4
     dev: false
 
-  /@emotion/is-prop-valid@1.2.1:
-    resolution: {integrity: sha512-61Mf7Ufx4aDxx1xlDeOm8aFFigGHE4z+0sKCa+IHCeZKiyP9RLD0Mmx7m8b9/Cf37f7NAvQOOJAbQQGVr5uERw==}
-    dependencies:
-      '@emotion/memoize': 0.8.1
-
   /@emotion/memoize@0.7.1:
     resolution: {integrity: sha512-Qv4LTqO11jepd5Qmlp3M1YEjBumoTHcHFdgPTQ+sFlIL5myi/7xu/POwP7IRu6odBdmLXdtIs1D6TuW6kbwbbg==}
     dev: false
 
   /@emotion/memoize@0.7.4:
     resolution: {integrity: sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==}
+    requiresBuild: true
     dev: false
 
   /@emotion/memoize@0.8.1:
     resolution: {integrity: sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==}
+    dev: false
 
   /@emotion/react@11.11.1(@types/react@18.2.45)(react@18.2.0):
     resolution: {integrity: sha512-5mlW1DquU5HaxjLkfkGN1GA/fvVGdyHURRiX/0FHl2cfIfRxSOfmxEH5YS43edp0OldZrZ+dkBKbngxcNCdZvA==}
@@ -2570,6 +2559,27 @@ packages:
       react: 18.2.0
     dev: false
 
+  /@emotion/react@11.11.1(@types/react@18.2.47)(react@18.2.0):
+    resolution: {integrity: sha512-5mlW1DquU5HaxjLkfkGN1GA/fvVGdyHURRiX/0FHl2cfIfRxSOfmxEH5YS43edp0OldZrZ+dkBKbngxcNCdZvA==}
+    peerDependencies:
+      '@types/react': '*'
+      react: '>=16.8.0'
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.23.6
+      '@emotion/babel-plugin': 11.11.0
+      '@emotion/cache': 11.11.0
+      '@emotion/serialize': 1.1.2
+      '@emotion/use-insertion-effect-with-fallbacks': 1.0.1(react@18.2.0)
+      '@emotion/utils': 1.2.1
+      '@emotion/weak-memoize': 0.3.1
+      '@types/react': 18.2.47
+      hoist-non-react-statics: 3.3.2
+      react: 18.2.0
+    dev: false
+
   /@emotion/serialize@1.1.2:
     resolution: {integrity: sha512-zR6a/fkFP4EAcCMQtLOhIgpprZOwNmCldtpaISpvz348+DP4Mz8ZoKaGGCQpbzepNIUWbq4w6hNZkwDyKoS+HA==}
     dependencies:
@@ -2586,9 +2596,11 @@ packages:
 
   /@emotion/stylis@0.8.5:
     resolution: {integrity: sha512-h6KtPihKFn3T9fuIrwvXXUOwlx3rfUvfZIcP5a6rh8Y7zjE3O06hT5Ss4S/YI1AYhuZ1kjaE/5EaOOI2NqSylQ==}
+    dev: false
 
   /@emotion/unitless@0.7.5:
     resolution: {integrity: sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==}
+    dev: false
 
   /@emotion/unitless@0.8.1:
     resolution: {integrity: sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ==}
@@ -3406,6 +3418,7 @@ packages:
   /@faker-js/faker@8.3.1:
     resolution: {integrity: sha512-FdgpFxY6V6rLZE9mmIBb9hM0xpfvQOSNOLnzolzKwsE1DH+gC7lEKV1p1IbR0lAYyvYd5a4u3qWJzowUkw1bIw==}
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0, npm: '>=6.14.13'}
+    dev: true
 
   /@fal-works/esbuild-plugin-global-externals@2.1.2:
     resolution: {integrity: sha512-cEee/Z+I12mZcFJshKcCqC8tuX5hG3s+d+9nZ3LabqKF1vKdF41B92pJVCBggjAGORAeOzyyDDKrZwIkLffeOQ==}
@@ -3827,12 +3840,24 @@ packages:
       '@swc/helpers': 0.5.3
     dev: false
 
+  /@internationalized/date@3.5.1:
+    resolution: {integrity: sha512-LUQIfwU9e+Fmutc/DpRTGXSdgYZLBegi4wygCWDSVmUdLTaMHsQyASDiJtREwanwKuQLq0hY76fCJ9J/9I2xOQ==}
+    dependencies:
+      '@swc/helpers': 0.5.3
+    dev: false
+
   /@internationalized/number@3.4.0:
     resolution: {integrity: sha512-8TvotW3qVDHC4uv/BVoN6Qx0Dm8clHY1/vpH+dh+XRiPW/9NVpKn1P8d1A+WLphWrMwyqyWXI7uWehJPviaeIw==}
     dependencies:
       '@swc/helpers': 0.5.3
     dev: false
 
+  /@internationalized/number@3.5.0:
+    resolution: {integrity: sha512-ZY1BW8HT9WKYvaubbuqXbbDdHhOUMfE2zHHFJeTppid0S+pc8HtdIxFxaYMsGjCb4UsF+MEJ4n2TfU7iHnUK8w==}
+    dependencies:
+      '@swc/helpers': 0.5.3
+    dev: false
+
   /@isaacs/cliui@8.0.2:
     resolution: {integrity: sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==}
     engines: {node: '>=12'}
@@ -3896,7 +3921,7 @@ packages:
     dependencies:
       '@types/istanbul-lib-coverage': 2.0.6
       '@types/istanbul-reports': 3.0.4
-      '@types/node': 20.10.5
+      '@types/node': 20.10.6
       '@types/yargs': 16.0.9
       chalk: 4.1.2
     dev: true
@@ -3908,7 +3933,7 @@ packages:
       '@jest/schemas': 29.6.3
       '@types/istanbul-lib-coverage': 2.0.6
       '@types/istanbul-reports': 3.0.4
-      '@types/node': 20.10.5
+      '@types/node': 20.10.6
       '@types/yargs': 17.0.32
       chalk: 4.1.2
     dev: true
@@ -4003,7 +4028,7 @@ packages:
       react: '>=16'
     dependencies:
       '@types/mdx': 2.0.10
-      '@types/react': 18.2.45
+      '@types/react': 18.2.47
       react: 18.2.0
     dev: true
 
@@ -4018,8 +4043,8 @@ packages:
   /@next/env@14.0.4:
     resolution: {integrity: sha512-irQnbMLbUNQpP1wcE5NstJtbuA/69kRfzBrpAD7Gsn8zm/CY6YQYc3HQBz8QPxwISG26tIm5afvvVbu508oBeQ==}
 
-  /@next/eslint-plugin-next@14.0.1:
-    resolution: {integrity: sha512-bLjJMwXdzvhnQOnxvHoTTUh/+PYk6FF/DCgHi4BXwXCINer+o1ZYfL9aVeezj/oI7wqGJOqwGIXrlBvPbAId3w==}
+  /@next/eslint-plugin-next@14.0.4:
+    resolution: {integrity: sha512-U3qMNHmEZoVmHA0j/57nRfi3AscXNvkOnxDmle/69Jz/G0o/gWjXTDdlgILZdrxQ0Lw/jv2mPW8PGy0EGIHXhQ==}
     dependencies:
       glob: 7.1.7
     dev: true
@@ -4266,6 +4291,27 @@ packages:
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
 
+  /@radix-ui/react-arrow@1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-wSP+pHsB/jQRaL6voubsQ/ZlrGBHHrOjmBnr19hxYgtS0WvAFwZhK2WP/YY5yF9uKECCEEDGxuLxq1NBK51wFA==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+      react-dom: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.23.6
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@types/react': 18.2.47
+      '@types/react-dom': 18.2.18
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
   /@radix-ui/react-collection@1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-3SzW+0PW7yBBoQlT8wNcGtaxaD0XSu0uLUFgrtHY08Acx05TaHaOmVLR73c0j/cqpDy53KBMO7s0dx2wmOIDIA==}
     peerDependencies:
@@ -4289,6 +4335,30 @@ packages:
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
 
+  /@radix-ui/react-collection@1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-3SzW+0PW7yBBoQlT8wNcGtaxaD0XSu0uLUFgrtHY08Acx05TaHaOmVLR73c0j/cqpDy53KBMO7s0dx2wmOIDIA==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+      react-dom: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.23.6
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-context': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-slot': 1.0.2(@types/react@18.2.47)(react@18.2.0)
+      '@types/react': 18.2.47
+      '@types/react-dom': 18.2.18
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
   /@radix-ui/react-compose-refs@1.0.1(@types/react@18.2.45)(react@18.2.0):
     resolution: {integrity: sha512-fDSBgd44FKHa1FRMU59qBMPFcl2PZE+2nmqunj+BWFyYYjnhIDWL2ItDs3rrbJDQOtzt5nIebLCQc4QRfz6LJw==}
     peerDependencies:
@@ -4302,6 +4372,20 @@ packages:
       '@types/react': 18.2.45
       react: 18.2.0
 
+  /@radix-ui/react-compose-refs@1.0.1(@types/react@18.2.47)(react@18.2.0):
+    resolution: {integrity: sha512-fDSBgd44FKHa1FRMU59qBMPFcl2PZE+2nmqunj+BWFyYYjnhIDWL2ItDs3rrbJDQOtzt5nIebLCQc4QRfz6LJw==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.23.6
+      '@types/react': 18.2.47
+      react: 18.2.0
+    dev: false
+
   /@radix-ui/react-context@1.0.1(@types/react@18.2.45)(react@18.2.0):
     resolution: {integrity: sha512-ebbrdFoYTcuZ0v4wG5tedGnp9tzcV8awzsxYph7gXUyvnNLuTIcCk1q17JEbnVhXAKG9oX3KtchwiMIAYp9NLg==}
     peerDependencies:
@@ -4315,6 +4399,20 @@ packages:
       '@types/react': 18.2.45
       react: 18.2.0
 
+  /@radix-ui/react-context@1.0.1(@types/react@18.2.47)(react@18.2.0):
+    resolution: {integrity: sha512-ebbrdFoYTcuZ0v4wG5tedGnp9tzcV8awzsxYph7gXUyvnNLuTIcCk1q17JEbnVhXAKG9oX3KtchwiMIAYp9NLg==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.23.6
+      '@types/react': 18.2.47
+      react: 18.2.0
+    dev: false
+
   /@radix-ui/react-dialog@1.0.5(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-GjWJX/AUpB703eEBanuBnIWdIXg6NvJFCXcNlSZk4xdszCdhrJgBoUd1cGk67vFO+WdA2pfI/plOpqz/5GUP6Q==}
     peerDependencies:
@@ -4362,6 +4460,20 @@ packages:
       '@types/react': 18.2.45
       react: 18.2.0
 
+  /@radix-ui/react-direction@1.0.1(@types/react@18.2.47)(react@18.2.0):
+    resolution: {integrity: sha512-RXcvnXgyvYvBEOhCBuddKecVkoMiI10Jcm5cTI7abJRAHYfFxeu+FBQs/DvdxSYucxR5mna0dNsL6QFlds5TMA==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.23.6
+      '@types/react': 18.2.47
+      react: 18.2.0
+    dev: false
+
   /@radix-ui/react-dismissable-layer@1.0.4(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-7UpBa/RKMoHJYjie1gkF1DlK8l1fdU/VKDpoS3rCCo8YBJR294GwcEHyxHw72yvphJ7ld0AXEcSLAzY2F/WyCg==}
     peerDependencies:
@@ -4412,6 +4524,31 @@ packages:
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
+  /@radix-ui/react-dismissable-layer@1.0.5(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-aJeDjQhywg9LBu2t/At58hCvr7pEm0o2Ke1x33B+MhjNmmZ17sy4KImo0KPLgsnc/zN7GPdce8Cnn0SWvwZO7g==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+      react-dom: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.23.6
+      '@radix-ui/primitive': 1.0.1
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-use-escape-keydown': 1.0.3(@types/react@18.2.47)(react@18.2.0)
+      '@types/react': 18.2.47
+      '@types/react-dom': 18.2.18
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
   /@radix-ui/react-dropdown-menu@2.0.6(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-i6TuFOoWmLWq+M/eCLGd/bQ2HfAX1RJgvrBQ6AQLmzfvsLdefxbWu8G9zczcPFfcSPehz9GcpF6K9QYreFV8hA==}
     peerDependencies:
@@ -4439,6 +4576,33 @@ packages:
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
+  /@radix-ui/react-dropdown-menu@2.0.6(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-i6TuFOoWmLWq+M/eCLGd/bQ2HfAX1RJgvrBQ6AQLmzfvsLdefxbWu8G9zczcPFfcSPehz9GcpF6K9QYreFV8hA==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+      react-dom: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.23.6
+      '@radix-ui/primitive': 1.0.1
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-context': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-id': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-menu': 2.0.6(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@types/react': 18.2.47
+      '@types/react-dom': 18.2.18
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
   /@radix-ui/react-focus-guards@1.0.1(@types/react@18.2.45)(react@18.2.0):
     resolution: {integrity: sha512-Rect2dWbQ8waGzhMavsIbmSVCgYxkXLxxR3ZvCX79JOglzdEy4JXMb98lq4hPxUbLr77nP0UOGf4rcMU+s1pUA==}
     peerDependencies:
@@ -4452,6 +4616,20 @@ packages:
       '@types/react': 18.2.45
       react: 18.2.0
 
+  /@radix-ui/react-focus-guards@1.0.1(@types/react@18.2.47)(react@18.2.0):
+    resolution: {integrity: sha512-Rect2dWbQ8waGzhMavsIbmSVCgYxkXLxxR3ZvCX79JOglzdEy4JXMb98lq4hPxUbLr77nP0UOGf4rcMU+s1pUA==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.23.6
+      '@types/react': 18.2.47
+      react: 18.2.0
+    dev: false
+
   /@radix-ui/react-focus-scope@1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-upXdPfqI4islj2CslyfUBNlaJCPybbqRHAi1KER7Isel9Q2AtSJ0zRBZv8mWQiFXD2nyAJ4BhC3yXgZ6kMBSrQ==}
     peerDependencies:
@@ -4498,6 +4676,29 @@ packages:
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
+  /@radix-ui/react-focus-scope@1.0.4(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-sL04Mgvf+FmyvZeYfNu1EPAaaxD+aw7cYeIB9L9Fvq8+urhltTRaEo5ysKOpHuKPclsZcSUMKlN05x4u+CINpA==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+      react-dom: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.23.6
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@types/react': 18.2.47
+      '@types/react-dom': 18.2.18
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
   /@radix-ui/react-icons@1.3.0(react@18.2.0):
     resolution: {integrity: sha512-jQxj/0LKgp+j9BiTXz3O3sgs26RNet2iLWmsPyRz2SIcR4q/4SbazXfnYwbAr+vLYKSfc7qxzyGQA1HLlYiuNw==}
     peerDependencies:
@@ -4520,6 +4721,21 @@ packages:
       '@types/react': 18.2.45
       react: 18.2.0
 
+  /@radix-ui/react-id@1.0.1(@types/react@18.2.47)(react@18.2.0):
+    resolution: {integrity: sha512-tI7sT/kqYp8p96yGWY1OAnLHrqDgzHefRBKQ2YAkBS5ja7QLcZ9Z/uY7bEjPUatf8RomoXM8/1sMj1IJaE5UzQ==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.23.6
+      '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@types/react': 18.2.47
+      react: 18.2.0
+    dev: false
+
   /@radix-ui/react-menu@2.0.6(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-BVkFLS+bUC8HcImkRKPSiVumA1VPOOEC5WBMiT+QAVsPzW1FJzI9KnqgGxVDPBcql5xXrHkD3JOVoXWEXD8SYA==}
     peerDependencies:
@@ -4558,6 +4774,44 @@ packages:
       react-remove-scroll: 2.5.5(@types/react@18.2.45)(react@18.2.0)
     dev: false
 
+  /@radix-ui/react-menu@2.0.6(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-BVkFLS+bUC8HcImkRKPSiVumA1VPOOEC5WBMiT+QAVsPzW1FJzI9KnqgGxVDPBcql5xXrHkD3JOVoXWEXD8SYA==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+      react-dom: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.23.6
+      '@radix-ui/primitive': 1.0.1
+      '@radix-ui/react-collection': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-context': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-direction': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-dismissable-layer': 1.0.5(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-focus-guards': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-focus-scope': 1.0.4(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-id': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-popper': 1.1.3(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-portal': 1.0.4(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-presence': 1.0.1(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-roving-focus': 1.0.4(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-slot': 1.0.2(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@types/react': 18.2.47
+      '@types/react-dom': 18.2.18
+      aria-hidden: 1.2.3
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      react-remove-scroll: 2.5.5(@types/react@18.2.47)(react@18.2.0)
+    dev: false
+
   /@radix-ui/react-popper@1.1.2(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-1CnGGfFi/bbqtJZZ0P/NQY20xdG3E0LALJaLUEoKwPLwl6PPPfbeiCqMVQnhoFRAxjJj4RpBRJzDmUgsex2tSg==}
     peerDependencies:
@@ -4618,6 +4872,36 @@ packages:
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
+  /@radix-ui/react-popper@1.1.3(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-cKpopj/5RHZWjrbF2846jBNacjQVwkP068DfmgrNJXpvVWrOvlAmE9xSiy5OqeE+Gi8D9fP+oDhUnPqNMY8/5w==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+      react-dom: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.23.6
+      '@floating-ui/react-dom': 2.0.4(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-arrow': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-context': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-use-rect': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-use-size': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/rect': 1.0.1
+      '@types/react': 18.2.47
+      '@types/react-dom': 18.2.18
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
   /@radix-ui/react-portal@1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-xLYZeHrWoPmA5mEKEfZZevoVRK/Q43GfzRXkWV6qawIWWK8t6ifIiLQdd7rmQ4Vk1bmI21XhqF9BN3jWf+phpA==}
     peerDependencies:
@@ -4660,8 +4944,8 @@ packages:
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /@radix-ui/react-presence@1.0.1(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-UXLW4UAbIY5ZjcvzjfRFo5gxva8QirC9hF7wRE4U5gz+TP0DbRk+//qyuAQ1McDxBt1xNMBTaciFGvEmJvAZCg==}
+  /@radix-ui/react-portal@1.0.4(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-Qki+C/EuGUVCQTOTD5vzJzJuMUlewbzuKyUy+/iHM2uwGiru9gZeBJtHAPKAEkB5KWGi9mP/CHKcY0wt1aW45Q==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
@@ -4674,7 +4958,28 @@ packages:
         optional: true
     dependencies:
       '@babel/runtime': 7.23.6
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.45)(react@18.2.0)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@types/react': 18.2.47
+      '@types/react-dom': 18.2.18
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
+  /@radix-ui/react-presence@1.0.1(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-UXLW4UAbIY5ZjcvzjfRFo5gxva8QirC9hF7wRE4U5gz+TP0DbRk+//qyuAQ1McDxBt1xNMBTaciFGvEmJvAZCg==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+      react-dom: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.23.6
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.45)(react@18.2.0)
       '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.2.45)(react@18.2.0)
       '@types/react': 18.2.45
       '@types/react-dom': 18.2.18
@@ -4682,6 +4987,28 @@ packages:
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
+  /@radix-ui/react-presence@1.0.1(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-UXLW4UAbIY5ZjcvzjfRFo5gxva8QirC9hF7wRE4U5gz+TP0DbRk+//qyuAQ1McDxBt1xNMBTaciFGvEmJvAZCg==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+      react-dom: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.23.6
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@types/react': 18.2.47
+      '@types/react-dom': 18.2.18
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
   /@radix-ui/react-primitive@1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-yi58uVyoAcK/Nq1inRY56ZSjKypBNKTa/1mcL8qdl6oJeEaDbOldlzrGn7P6Q3Id5d+SYNGc5AJgc4vGhjs5+g==}
     peerDependencies:
@@ -4702,6 +5029,27 @@ packages:
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
 
+  /@radix-ui/react-primitive@1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-yi58uVyoAcK/Nq1inRY56ZSjKypBNKTa/1mcL8qdl6oJeEaDbOldlzrGn7P6Q3Id5d+SYNGc5AJgc4vGhjs5+g==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+      react-dom: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.23.6
+      '@radix-ui/react-slot': 1.0.2(@types/react@18.2.47)(react@18.2.0)
+      '@types/react': 18.2.47
+      '@types/react-dom': 18.2.18
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
   /@radix-ui/react-roving-focus@1.0.4(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-2mUg5Mgcu001VkGy+FfzZyzbmuUWzgWkj3rvv4yu+mLw03+mTzbxZHvfcGyFp2b8EkQeMkpRQ5FiA2Vr2O6TeQ==}
     peerDependencies:
@@ -4730,6 +5078,35 @@ packages:
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
 
+  /@radix-ui/react-roving-focus@1.0.4(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-2mUg5Mgcu001VkGy+FfzZyzbmuUWzgWkj3rvv4yu+mLw03+mTzbxZHvfcGyFp2b8EkQeMkpRQ5FiA2Vr2O6TeQ==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+      react-dom: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.23.6
+      '@radix-ui/primitive': 1.0.1
+      '@radix-ui/react-collection': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-context': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-direction': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-id': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@types/react': 18.2.47
+      '@types/react-dom': 18.2.18
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
   /@radix-ui/react-select@1.2.2(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-zI7McXr8fNaSrUY9mZe4x/HC0jTLY9fWNhO1oLWYMQGDXuV4UCivIGTxwioSzO0ZCYX9iSLyWmAh/1TOmX3Cnw==}
     peerDependencies:
@@ -4831,6 +5208,28 @@ packages:
       '@types/react-dom': 18.2.18
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
+    dev: true
+
+  /@radix-ui/react-separator@1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-itYmTy/kokS21aiV5+Z56MZB54KrhPgn6eHDKkFeOLR34HMN2s8PaN47qZZAGnvupcjxHaFZnW4pQEh0BvvVuw==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+      react-dom: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.23.6
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@types/react': 18.2.47
+      '@types/react-dom': 18.2.18
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
 
   /@radix-ui/react-slot@1.0.2(@types/react@18.2.45)(react@18.2.0):
     resolution: {integrity: sha512-YeTpuq4deV+6DusvVUW4ivBgnkHwECUu0BiN43L5UCDFgdhsRUWAghhTF5MbvNTPzmiFOx90asDSUjWuCNapwg==}
@@ -4846,6 +5245,21 @@ packages:
       '@types/react': 18.2.45
       react: 18.2.0
 
+  /@radix-ui/react-slot@1.0.2(@types/react@18.2.47)(react@18.2.0):
+    resolution: {integrity: sha512-YeTpuq4deV+6DusvVUW4ivBgnkHwECUu0BiN43L5UCDFgdhsRUWAghhTF5MbvNTPzmiFOx90asDSUjWuCNapwg==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.23.6
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@types/react': 18.2.47
+      react: 18.2.0
+    dev: false
+
   /@radix-ui/react-toggle-group@1.0.4(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-Uaj/M/cMyiyT9Bx6fOZO0SAG4Cls0GptBWiBmBxofmDbNVnYYoyRWj/2M/6VCi/7qcXFWnHhRUfdfZFvvkuu8A==}
     peerDependencies:
@@ -4871,6 +5285,34 @@ packages:
       '@types/react-dom': 18.2.18
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
+    dev: true
+
+  /@radix-ui/react-toggle-group@1.0.4(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-Uaj/M/cMyiyT9Bx6fOZO0SAG4Cls0GptBWiBmBxofmDbNVnYYoyRWj/2M/6VCi/7qcXFWnHhRUfdfZFvvkuu8A==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+      react-dom: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.23.6
+      '@radix-ui/primitive': 1.0.1
+      '@radix-ui/react-context': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-direction': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-roving-focus': 1.0.4(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-toggle': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@types/react': 18.2.47
+      '@types/react-dom': 18.2.18
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
 
   /@radix-ui/react-toggle@1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-Pkqg3+Bc98ftZGsl60CLANXQBBQ4W3mTFS9EJvNxKMZ7magklKV69/id1mlAlOFDDfHvlCms0fx8fA4CMKDJHg==}
@@ -4893,6 +5335,30 @@ packages:
       '@types/react-dom': 18.2.18
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
+    dev: true
+
+  /@radix-ui/react-toggle@1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-Pkqg3+Bc98ftZGsl60CLANXQBBQ4W3mTFS9EJvNxKMZ7magklKV69/id1mlAlOFDDfHvlCms0fx8fA4CMKDJHg==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+      react-dom: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.23.6
+      '@radix-ui/primitive': 1.0.1
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@types/react': 18.2.47
+      '@types/react-dom': 18.2.18
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
 
   /@radix-ui/react-toolbar@1.0.4(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-tBgmM/O7a07xbaEkYJWYTXkIdU/1pW4/KZORR43toC/4XWyBCURK0ei9kMUdp+gTPPKBgYLxXmRSH1EVcIDp8Q==}
@@ -4919,6 +5385,34 @@ packages:
       '@types/react-dom': 18.2.18
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
+    dev: true
+
+  /@radix-ui/react-toolbar@1.0.4(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-tBgmM/O7a07xbaEkYJWYTXkIdU/1pW4/KZORR43toC/4XWyBCURK0ei9kMUdp+gTPPKBgYLxXmRSH1EVcIDp8Q==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+      react-dom: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.23.6
+      '@radix-ui/primitive': 1.0.1
+      '@radix-ui/react-context': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-direction': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-roving-focus': 1.0.4(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-separator': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-toggle-group': 1.0.4(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@types/react': 18.2.47
+      '@types/react-dom': 18.2.18
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
 
   /@radix-ui/react-use-callback-ref@1.0.1(@types/react@18.2.45)(react@18.2.0):
     resolution: {integrity: sha512-D94LjX4Sp0xJFVaoQOd3OO9k7tpBYNOXdVhkltUbGv2Qb9OXdrg/CpsjlZv7ia14Sylv398LswWBVVu5nqKzAQ==}
@@ -4933,6 +5427,20 @@ packages:
       '@types/react': 18.2.45
       react: 18.2.0
 
+  /@radix-ui/react-use-callback-ref@1.0.1(@types/react@18.2.47)(react@18.2.0):
+    resolution: {integrity: sha512-D94LjX4Sp0xJFVaoQOd3OO9k7tpBYNOXdVhkltUbGv2Qb9OXdrg/CpsjlZv7ia14Sylv398LswWBVVu5nqKzAQ==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.23.6
+      '@types/react': 18.2.47
+      react: 18.2.0
+    dev: false
+
   /@radix-ui/react-use-controllable-state@1.0.1(@types/react@18.2.45)(react@18.2.0):
     resolution: {integrity: sha512-Svl5GY5FQeN758fWKrjM6Qb7asvXeiZltlT4U2gVfl8Gx5UAv2sMR0LWo8yhsIZh2oQ0eFdZ59aoOOMV7b47VA==}
     peerDependencies:
@@ -4947,6 +5455,21 @@ packages:
       '@types/react': 18.2.45
       react: 18.2.0
 
+  /@radix-ui/react-use-controllable-state@1.0.1(@types/react@18.2.47)(react@18.2.0):
+    resolution: {integrity: sha512-Svl5GY5FQeN758fWKrjM6Qb7asvXeiZltlT4U2gVfl8Gx5UAv2sMR0LWo8yhsIZh2oQ0eFdZ59aoOOMV7b47VA==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.23.6
+      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@types/react': 18.2.47
+      react: 18.2.0
+    dev: false
+
   /@radix-ui/react-use-escape-keydown@1.0.3(@types/react@18.2.45)(react@18.2.0):
     resolution: {integrity: sha512-vyL82j40hcFicA+M4Ex7hVkB9vHgSse1ZWomAqV2Je3RleKGO5iM8KMOEtfoSB0PnIelMd2lATjTGMYqN5ylTg==}
     peerDependencies:
@@ -4961,6 +5484,21 @@ packages:
       '@types/react': 18.2.45
       react: 18.2.0
 
+  /@radix-ui/react-use-escape-keydown@1.0.3(@types/react@18.2.47)(react@18.2.0):
+    resolution: {integrity: sha512-vyL82j40hcFicA+M4Ex7hVkB9vHgSse1ZWomAqV2Je3RleKGO5iM8KMOEtfoSB0PnIelMd2lATjTGMYqN5ylTg==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.23.6
+      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@types/react': 18.2.47
+      react: 18.2.0
+    dev: false
+
   /@radix-ui/react-use-layout-effect@1.0.1(@types/react@18.2.45)(react@18.2.0):
     resolution: {integrity: sha512-v/5RegiJWYdoCvMnITBkNNx6bCj20fiaJnWtRkU18yITptraXjffz5Qbn05uOiQnOvi+dbkznkoaMltz1GnszQ==}
     peerDependencies:
@@ -4974,6 +5512,20 @@ packages:
       '@types/react': 18.2.45
       react: 18.2.0
 
+  /@radix-ui/react-use-layout-effect@1.0.1(@types/react@18.2.47)(react@18.2.0):
+    resolution: {integrity: sha512-v/5RegiJWYdoCvMnITBkNNx6bCj20fiaJnWtRkU18yITptraXjffz5Qbn05uOiQnOvi+dbkznkoaMltz1GnszQ==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.23.6
+      '@types/react': 18.2.47
+      react: 18.2.0
+    dev: false
+
   /@radix-ui/react-use-previous@1.0.1(@types/react@18.2.45)(react@18.2.0):
     resolution: {integrity: sha512-cV5La9DPwiQ7S0gf/0qiD6YgNqM5Fk97Kdrlc5yBcrF3jyEZQwm7vYFqMo4IfeHgJXsRaMvLABFtd0OVEmZhDw==}
     peerDependencies:
@@ -4987,6 +5539,20 @@ packages:
       '@types/react': 18.2.45
       react: 18.2.0
 
+  /@radix-ui/react-use-previous@1.0.1(@types/react@18.2.47)(react@18.2.0):
+    resolution: {integrity: sha512-cV5La9DPwiQ7S0gf/0qiD6YgNqM5Fk97Kdrlc5yBcrF3jyEZQwm7vYFqMo4IfeHgJXsRaMvLABFtd0OVEmZhDw==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.23.6
+      '@types/react': 18.2.47
+      react: 18.2.0
+    dev: false
+
   /@radix-ui/react-use-rect@1.0.1(@types/react@18.2.45)(react@18.2.0):
     resolution: {integrity: sha512-Cq5DLuSiuYVKNU8orzJMbl15TXilTnJKUCltMVQg53BQOF1/C5toAaGrowkgksdBQ9H+SRL23g0HDmg9tvmxXw==}
     peerDependencies:
@@ -5001,6 +5567,21 @@ packages:
       '@types/react': 18.2.45
       react: 18.2.0
 
+  /@radix-ui/react-use-rect@1.0.1(@types/react@18.2.47)(react@18.2.0):
+    resolution: {integrity: sha512-Cq5DLuSiuYVKNU8orzJMbl15TXilTnJKUCltMVQg53BQOF1/C5toAaGrowkgksdBQ9H+SRL23g0HDmg9tvmxXw==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.23.6
+      '@radix-ui/rect': 1.0.1
+      '@types/react': 18.2.47
+      react: 18.2.0
+    dev: false
+
   /@radix-ui/react-use-size@1.0.1(@types/react@18.2.45)(react@18.2.0):
     resolution: {integrity: sha512-ibay+VqrgcaI6veAojjofPATwledXiSmX+C0KrBk/xgpX9rBzPV3OsfwlhQdUOFbh+LKQorLYT+xTXW9V8yd0g==}
     peerDependencies:
@@ -5015,6 +5596,21 @@ packages:
       '@types/react': 18.2.45
       react: 18.2.0
 
+  /@radix-ui/react-use-size@1.0.1(@types/react@18.2.47)(react@18.2.0):
+    resolution: {integrity: sha512-ibay+VqrgcaI6veAojjofPATwledXiSmX+C0KrBk/xgpX9rBzPV3OsfwlhQdUOFbh+LKQorLYT+xTXW9V8yd0g==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.23.6
+      '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@types/react': 18.2.47
+      react: 18.2.0
+    dev: false
+
   /@radix-ui/react-visually-hidden@1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-D4w41yN5YRKtu464TLnByKzMDG/JlMPHtfZgQAu9v6mNakUqGUI9vUrfQKz8NK41VMm/xbZbh76NUTVtIYqOMA==}
     peerDependencies:
@@ -5035,6 +5631,27 @@ packages:
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
 
+  /@radix-ui/react-visually-hidden@1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-D4w41yN5YRKtu464TLnByKzMDG/JlMPHtfZgQAu9v6mNakUqGUI9vUrfQKz8NK41VMm/xbZbh76NUTVtIYqOMA==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+      react-dom: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.23.6
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@types/react': 18.2.47
+      '@types/react-dom': 18.2.18
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
   /@radix-ui/rect@1.0.1:
     resolution: {integrity: sha512-fyrgCaedtvMg9NK3en0pnOYJdtfwxUcNolezkNPUsoX57X8oQk+NkqcvzHXD2uKNij6GXmWU9NDru2IWjrO4BQ==}
     dependencies:
@@ -5065,7 +5682,7 @@ packages:
     dependencies:
       immer: 9.0.21
       react: 18.2.0
-      react-redux: 8.1.1(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0)(redux@4.2.1)
+      react-redux: 8.1.1(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)(redux@4.2.1)
       redux: 4.2.1
       redux-thunk: 2.4.2(redux@4.2.1)
       reselect: 4.1.8
@@ -5172,37 +5789,6 @@ packages:
       lodash.deburr: 4.1.0
     dev: false
 
-  /@slack/logger@3.0.0:
-    resolution: {integrity: sha512-DTuBFbqu4gGfajREEMrkq5jBhcnskinhr4+AnfJEk48zhVeEv3XnUKGIX98B74kxhYsIMfApGGySTn7V3b5yBA==}
-    engines: {node: '>= 12.13.0', npm: '>= 6.12.0'}
-    dependencies:
-      '@types/node': 20.10.5
-    dev: false
-
-  /@slack/types@2.11.0:
-    resolution: {integrity: sha512-UlIrDWvuLaDly3QZhCPnwUSI/KYmV1N9LyhuH6EDKCRS1HWZhyTG3Ja46T3D0rYfqdltKYFXbJSSRPwZpwO0cQ==}
-    engines: {node: '>= 12.13.0', npm: '>= 6.12.0'}
-    dev: false
-
-  /@slack/web-api@6.11.0:
-    resolution: {integrity: sha512-DLShYUc2dE8QrhmrJZ7YuhAuh/VW88Dt3LL7s2KrkEOyxbdfjAtF9bzPOBMlXuWmO6nWLGVevPuhShcYyjwTEw==}
-    engines: {node: '>= 12.13.0', npm: '>= 6.12.0'}
-    dependencies:
-      '@slack/logger': 3.0.0
-      '@slack/types': 2.11.0
-      '@types/is-stream': 1.1.0
-      '@types/node': 20.10.5
-      axios: 1.6.2
-      eventemitter3: 3.1.2
-      form-data: 2.5.1
-      is-electron: 2.2.2
-      is-stream: 1.1.0
-      p-queue: 6.6.2
-      p-retry: 4.6.2
-    transitivePeerDependencies:
-      - debug
-    dev: false
-
   /@smithy/abort-controller@2.0.15:
     resolution: {integrity: sha512-JkS36PIS3/UCbq/MaozzV7jECeL+BTt4R75bwY8i+4RASys4xOyUS1HsRyUNSqUXFP4QyCz5aNnh3ltuaxv+pw==}
     engines: {node: '>=14.0.0'}
@@ -5789,7 +6375,7 @@ packages:
       ts-dedent: 2.2.0
     dev: true
 
-  /@storybook/addon-styling@1.3.7(@types/react-dom@18.2.18)(@types/react@18.2.45)(less@4.2.0)(postcss@8.4.32)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3)(webpack@5.89.0):
+  /@storybook/addon-styling@1.3.7(@types/react-dom@18.2.18)(@types/react@18.2.45)(less@4.2.0)(postcss@8.4.33)(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3)(webpack@5.89.0):
     resolution: {integrity: sha512-JSBZMOrSw/3rlq5YoEI7Qyq703KSNP0Jd+gxTWu3/tP6245mpjn2dXnR8FvqVxCi+FG4lt2kQyPzgsuwEw1SSA==}
     hasBin: true
     peerDependencies:
@@ -5824,8 +6410,8 @@ packages:
       css-loader: 6.8.1(webpack@5.89.0)
       less: 4.2.0
       less-loader: 11.1.3(less@4.2.0)(webpack@5.89.0)
-      postcss: 8.4.32
-      postcss-loader: 7.3.3(postcss@8.4.32)(typescript@5.3.3)(webpack@5.89.0)
+      postcss: 8.4.33
+      postcss-loader: 7.3.3(postcss@8.4.33)(typescript@5.3.3)(webpack@5.89.0)
       prettier: 2.8.8
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
@@ -5886,7 +6472,7 @@ packages:
       color-convert: 2.0.1
       dequal: 2.0.3
       lodash: 4.17.21
-      markdown-to-jsx: 7.3.2(react@18.2.0)
+      markdown-to-jsx: 7.4.0(react@18.2.0)
       memoizerific: 1.11.3
       polished: 4.2.2
       react: 18.2.0
@@ -5903,13 +6489,13 @@ packages:
       - supports-color
     dev: true
 
-  /@storybook/builder-manager@7.6.6:
-    resolution: {integrity: sha512-96vmtUqh016H2n80xhvBZU2w5flTOzY7S0nW9nfxbY4UY4b39WajgwJ5wpg8l0YmCwQTrxCwY9/VE2Pd6CCqPA==}
+  /@storybook/builder-manager@7.6.7:
+    resolution: {integrity: sha512-6HYpj6+g/qbDMvImVz/G/aANbkhppyBa1ozfHxLK7tRD79YvozCWmj2Z9umRekPv9VIeMxnI5EEzJXOsoMX5DQ==}
     dependencies:
       '@fal-works/esbuild-plugin-global-externals': 2.1.2
-      '@storybook/core-common': 7.6.6
-      '@storybook/manager': 7.6.6
-      '@storybook/node-logger': 7.6.6
+      '@storybook/core-common': 7.6.7
+      '@storybook/manager': 7.6.7
+      '@storybook/node-logger': 7.6.7
       '@types/ejs': 3.1.5
       '@types/find-cache-dir': 3.2.1
       '@yarnpkg/esbuild-plugin-pnp': 3.0.0-rc.15(esbuild@0.18.20)
@@ -6005,22 +6591,22 @@ packages:
       tiny-invariant: 1.3.1
     dev: true
 
-  /@storybook/cli@7.6.6:
-    resolution: {integrity: sha512-FLmWrbmGOqe1VYwqyIWxU2lJcYPssORmSbSVVPw6OqQIXx3NrNBrmZDLncMwbVCDQ8eU54J1zb+MyDmSqMbVFg==}
+  /@storybook/cli@7.6.7:
+    resolution: {integrity: sha512-DwDWzkifBH17ry+n+d+u52Sv69dZQ+04ETJdDDzghcyAcKnFzrRNukj4tJ21cm+ZAU/r0fKR9d4Qpbogca9fAg==}
     hasBin: true
     dependencies:
       '@babel/core': 7.23.6
       '@babel/preset-env': 7.23.6(@babel/core@7.23.6)
-      '@babel/types': 7.23.6
-      '@ndelangen/get-tarball': 3.0.9
-      '@storybook/codemod': 7.6.6
-      '@storybook/core-common': 7.6.6
-      '@storybook/core-events': 7.6.6
-      '@storybook/core-server': 7.6.6
-      '@storybook/csf-tools': 7.6.6
-      '@storybook/node-logger': 7.6.6
-      '@storybook/telemetry': 7.6.6
-      '@storybook/types': 7.6.6
+      '@babel/types': 7.23.6
+      '@ndelangen/get-tarball': 3.0.9
+      '@storybook/codemod': 7.6.7
+      '@storybook/core-common': 7.6.7
+      '@storybook/core-events': 7.6.7
+      '@storybook/core-server': 7.6.7
+      '@storybook/csf-tools': 7.6.7
+      '@storybook/node-logger': 7.6.7
+      '@storybook/telemetry': 7.6.7
+      '@storybook/types': 7.6.7
       '@types/semver': 7.5.6
       '@yarnpkg/fslib': 2.10.3
       '@yarnpkg/libzip': 2.3.0
@@ -6069,16 +6655,16 @@ packages:
       '@storybook/global': 5.0.0
     dev: true
 
-  /@storybook/codemod@7.6.6:
-    resolution: {integrity: sha512-6QwW6T6ZgwwbTkEoZ7CAoX7lUUob7Sy7bRkMHhSjJe2++wEVFOYLvzHcLUJCupK59+WhmsJU9PpUMlXEKi40TQ==}
+  /@storybook/codemod@7.6.7:
+    resolution: {integrity: sha512-an2pD5OHqO7CE8Wb7JxjrDnpQgeoxB22MyOs8PPJ9Rvclhpjg+Ku9RogoObYm//zR4g406l7Ec8mTltUkVCEOA==}
     dependencies:
       '@babel/core': 7.23.6
       '@babel/preset-env': 7.23.6(@babel/core@7.23.6)
       '@babel/types': 7.23.6
       '@storybook/csf': 0.1.2
-      '@storybook/csf-tools': 7.6.6
-      '@storybook/node-logger': 7.6.6
-      '@storybook/types': 7.6.6
+      '@storybook/csf-tools': 7.6.7
+      '@storybook/node-logger': 7.6.7
+      '@storybook/types': 7.6.7
       '@types/cross-spawn': 6.0.6
       cross-spawn: 7.0.3
       globby: 11.1.0
@@ -6217,24 +6803,24 @@ packages:
       ts-dedent: 2.2.0
     dev: true
 
-  /@storybook/core-server@7.6.6:
-    resolution: {integrity: sha512-QFVahaExgGtq9swBXgQAMUiCqpCcyVXOiKTIy1j+1uAhPVqhpCxBkkFoXruih5hbIMZyohE4mLPCAr/ivicoDg==}
+  /@storybook/core-server@7.6.7:
+    resolution: {integrity: sha512-elKRv/DNahNNkGcQY/FdOBrLPmZF0T0fwmAmbc4qqeAisjl+to9TO77zdo2ieaEHKyRwE3B3dOB4EXomdF4N/g==}
     dependencies:
       '@aw-web-design/x-default-browser': 1.4.126
       '@discoveryjs/json-ext': 0.5.7
-      '@storybook/builder-manager': 7.6.6
-      '@storybook/channels': 7.6.6
-      '@storybook/core-common': 7.6.6
-      '@storybook/core-events': 7.6.6
+      '@storybook/builder-manager': 7.6.7
+      '@storybook/channels': 7.6.7
+      '@storybook/core-common': 7.6.7
+      '@storybook/core-events': 7.6.7
       '@storybook/csf': 0.1.2
-      '@storybook/csf-tools': 7.6.6
+      '@storybook/csf-tools': 7.6.7
       '@storybook/docs-mdx': 0.1.0
       '@storybook/global': 5.0.0
-      '@storybook/manager': 7.6.6
-      '@storybook/node-logger': 7.6.6
-      '@storybook/preview-api': 7.6.6
-      '@storybook/telemetry': 7.6.6
-      '@storybook/types': 7.6.6
+      '@storybook/manager': 7.6.7
+      '@storybook/node-logger': 7.6.7
+      '@storybook/preview-api': 7.6.7
+      '@storybook/telemetry': 7.6.7
+      '@storybook/types': 7.6.7
       '@types/detect-port': 1.3.5
       '@types/node': 18.19.3
       '@types/pretty-hrtime': 1.0.3
@@ -6414,8 +7000,8 @@ packages:
       - react-dom
     dev: true
 
-  /@storybook/manager@7.6.6:
-    resolution: {integrity: sha512-Ga3LcSu/xxSyg+cLlO9AS8QjW+D667V+c9qQPmsFyU6qfFc6m6mVqcRLSmFVD5e7P/o0FL7STOf9jAKkDcW8xw==}
+  /@storybook/manager@7.6.7:
+    resolution: {integrity: sha512-ZCrkB2zEXogzdOcVzD242ZVm4tlHqrayotnI6iOn9uiun0Pgny0m2d7s9Zge6K2dTOO1vZiOHuA/Mr6nnIDjsA==}
     dev: true
 
   /@storybook/mdx2-csf@1.1.0:
@@ -6471,8 +7057,8 @@ packages:
       next: 14.0.4(@babel/core@7.23.6)(react-dom@18.2.0)(react@18.2.0)
       node-polyfill-webpack-plugin: 2.0.1(webpack@5.89.0)
       pnp-webpack-plugin: 1.7.0(typescript@5.3.3)
-      postcss: 8.4.32
-      postcss-loader: 7.3.3(postcss@8.4.32)(typescript@5.3.3)(webpack@5.89.0)
+      postcss: 8.4.33
+      postcss-loader: 7.3.3(postcss@8.4.33)(typescript@5.3.3)(webpack@5.89.0)
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
       resolve-url-loader: 5.0.0
@@ -6752,6 +7338,22 @@ packages:
       - supports-color
     dev: true
 
+  /@storybook/telemetry@7.6.7:
+    resolution: {integrity: sha512-NHGzC/LGLXpK4AFbVj8ln5ab86ZiiNFvORQMn3+LNGwUt3ZdsHBzExN+WPZdw7OPtfk4ubUY89FXH2GedhTALw==}
+    dependencies:
+      '@storybook/client-logger': 7.6.7
+      '@storybook/core-common': 7.6.7
+      '@storybook/csf-tools': 7.6.7
+      chalk: 4.1.2
+      detect-package-manager: 2.0.1
+      fetch-retry: 5.0.6
+      fs-extra: 11.2.0
+      read-pkg-up: 7.0.1
+    transitivePeerDependencies:
+      - encoding
+      - supports-color
+    dev: true
+
   /@storybook/test@7.6.7:
     resolution: {integrity: sha512-6gyRIvtOSq/ODYjpUO8LgY1YlWoYINhhKtLKwZasbp8hQ0zkd2vRSWlVCwzsw28cZXo2UL92UNSgEVD1sf73Qg==}
     dependencies:
@@ -6820,11 +7422,11 @@ packages:
       file-system-cache: 2.3.0
     dev: true
 
-  /@strapi/admin@4.15.5(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@strapi/data-transfer@4.15.5)(@strapi/strapi@4.15.5)(@types/node@20.8.7)(@types/react-dom@18.2.18)(@types/react@18.2.45)(better-sqlite3@9.1.1)(codemirror@5.65.16)(debug@4.3.4)(pg@8.11.3)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(redux@4.2.1)(styled-components@5.3.3):
-    resolution: {integrity: sha512-/ArYIp3WjhuChj4N90y8yiWxJ50MA0RfENIwbTThcg0SKaDV1VV6sqWfY4gYe+3SCDb4ET0Y6V/v3EkYN4jUKw==}
+  /@strapi/admin@4.16.2(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@strapi/data-transfer@4.16.2)(@strapi/strapi@4.16.2)(@types/node@20.10.6)(@types/react-dom@18.2.18)(@types/react@18.2.47)(better-sqlite3@9.2.2)(codemirror@5.65.16)(debug@4.3.4)(pg@8.11.3)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(redux@4.2.1)(styled-components@5.3.3):
+    resolution: {integrity: sha512-kmz7QBGJcSjMdSA7jL3D9cj/xyZYPBiIqJFMSwMuc2P4Mr0QK1lKX3I6SCSMjLjEzjDi88vZEpuz0WUNegKQfQ==}
     engines: {node: '>=18.0.0 <=20.x.x', npm: '>=6.0.0'}
     peerDependencies:
-      '@strapi/data-transfer': 4.15.2
+      '@strapi/data-transfer': 4.15.5
       '@strapi/strapi': ^4.3.4
       react: ^17.0.0 || ^18.0.0
       react-dom: ^17.0.0 || ^18.0.0
@@ -6833,19 +7435,19 @@ packages:
     dependencies:
       '@casl/ability': 6.5.0
       '@pmmmwh/react-refresh-webpack-plugin': 0.5.10(react-refresh@0.14.0)(webpack-hot-middleware@2.25.4)(webpack@5.89.0)
-      '@radix-ui/react-context': 1.0.1(@types/react@18.2.45)(react@18.2.0)
-      '@radix-ui/react-toolbar': 1.0.4(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-context': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-toolbar': 1.0.4(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
       '@reduxjs/toolkit': 1.9.7(react-redux@8.1.1)(react@18.2.0)
-      '@strapi/data-transfer': 4.15.5(@strapi/strapi@4.15.5)(better-sqlite3@9.1.1)(pg@8.11.3)
-      '@strapi/design-system': 1.13.0(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@strapi/icons@1.13.0)(@types/react-dom@18.2.18)(@types/react@18.2.45)(codemirror@5.65.16)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3)
-      '@strapi/helper-plugin': 4.15.5(@strapi/design-system@1.13.0)(@strapi/icons@1.13.0)(@types/react@18.2.45)(debug@4.3.4)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3)(typescript@5.2.2)
+      '@strapi/data-transfer': 4.16.2(@strapi/strapi@4.16.2)(better-sqlite3@9.2.2)(pg@8.11.3)
+      '@strapi/design-system': 1.13.1(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@strapi/icons@1.13.0)(@types/react-dom@18.2.18)(@types/react@18.2.47)(codemirror@5.65.16)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3)
+      '@strapi/helper-plugin': 4.16.2(@strapi/design-system@1.13.1)(@strapi/icons@1.13.0)(@types/react@18.2.47)(debug@4.3.4)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3)(typescript@5.2.2)
       '@strapi/icons': 1.13.0(react-dom@18.2.0)(react@18.2.0)
-      '@strapi/permissions': 4.15.5
-      '@strapi/provider-audit-logs-local': 4.15.5
-      '@strapi/strapi': 4.15.5(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@types/node@20.8.7)(@types/react-dom@18.2.18)(@types/react@18.2.45)(better-sqlite3@9.1.1)(codemirror@6.0.1)(pg@8.11.3)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(redux@4.2.1)(styled-components@5.3.3)
-      '@strapi/types': 4.15.5(better-sqlite3@9.1.1)(pg@8.11.3)
-      '@strapi/typescript-utils': 4.15.5
-      '@strapi/utils': 4.15.5
+      '@strapi/permissions': 4.16.2
+      '@strapi/provider-audit-logs-local': 4.16.2
+      '@strapi/strapi': 4.16.2(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@types/node@20.10.6)(@types/react-dom@18.2.18)(@types/react@18.2.47)(better-sqlite3@9.2.2)(codemirror@6.0.1)(pg@8.11.3)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(redux@4.2.1)(styled-components@5.3.3)
+      '@strapi/types': 4.16.2(better-sqlite3@9.2.2)(pg@8.11.3)
+      '@strapi/typescript-utils': 4.16.2
+      '@strapi/utils': 4.16.2
       axios: 1.6.0(debug@4.3.4)
       bcryptjs: 2.4.3
       boxen: 5.1.2
@@ -6902,7 +7504,7 @@ packages:
       prop-types: 15.8.1
       qs: 6.11.1
       react: 18.2.0
-      react-dnd: 15.1.2(@types/node@20.8.7)(@types/react@18.2.45)(react@18.2.0)
+      react-dnd: 15.1.2(@types/node@20.10.6)(@types/react@18.2.47)(react@18.2.0)
       react-dnd-html5-backend: 15.1.3
       react-dom: 18.2.0(react@18.2.0)
       react-error-boundary: 3.1.4(react@18.2.0)
@@ -6910,10 +7512,10 @@ packages:
       react-intl: 6.4.1(react@18.2.0)(typescript@5.2.2)
       react-is: 18.2.0
       react-query: 3.39.3(react-dom@18.2.0)(react@18.2.0)
-      react-redux: 8.1.1(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0)(redux@4.2.1)
+      react-redux: 8.1.1(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)(redux@4.2.1)
       react-refresh: 0.14.0
       react-router-dom: 5.3.4(react@18.2.0)
-      react-select: 5.7.0(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0)
+      react-select: 5.7.0(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
       react-window: 1.8.8(react-dom@18.2.0)(react@18.2.0)
       read-pkg-up: 7.0.1
       resolve-from: 5.0.0
@@ -6973,16 +7575,69 @@ packages:
       - webpack-plugin-serve
     dev: false
 
-  /@strapi/data-transfer@4.15.5(@strapi/strapi@4.15.5)(better-sqlite3@9.1.1)(pg@8.11.3):
-    resolution: {integrity: sha512-r/6r2fA4bSLgL9b+w2GS1Ci7ul5CMzJ/V7jojwqZON4E17wlKZzwccUU/OlCjZbOBiI+6nxA55rUDth/u3NlnA==}
+  /@strapi/content-releases@4.16.2(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@strapi/strapi@4.16.2)(@types/react-dom@18.2.18)(@types/react@18.2.47)(better-sqlite3@9.2.2)(codemirror@6.0.1)(debug@4.3.4)(pg@8.11.3)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(redux@4.2.1)(styled-components@5.3.3)(typescript@5.2.2):
+    resolution: {integrity: sha512-m2FYLY9jkeoVdFdISLHM80eKaLrAj+1LWOCneyeunIozHP/u9NnCxPv/j9QmTItxm1C+hkYELZSz4b6i3Nq4iQ==}
+    engines: {node: '>=16.0.0 <=20.x.x', npm: '>=6.0.0'}
+    peerDependencies:
+      '@strapi/strapi': ^4.15.1
+      react: ^17.0.0 || ^18.0.0
+      react-dom: ^17.0.0 || ^18.0.0
+      react-router-dom: 5.3.4
+      styled-components: 5.3.3
+    dependencies:
+      '@reduxjs/toolkit': 1.9.7(react-redux@8.1.1)(react@18.2.0)
+      '@strapi/design-system': 1.13.1(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@strapi/icons@1.13.0)(@types/react-dom@18.2.18)(@types/react@18.2.47)(codemirror@6.0.1)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3)
+      '@strapi/helper-plugin': 4.16.2(@strapi/design-system@1.13.1)(@strapi/icons@1.13.0)(@types/react@18.2.47)(debug@4.3.4)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3)(typescript@5.2.2)
+      '@strapi/icons': 1.13.0(react-dom@18.2.0)(react@18.2.0)
+      '@strapi/strapi': 4.16.2(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@types/node@20.10.6)(@types/react-dom@18.2.18)(@types/react@18.2.47)(better-sqlite3@9.2.2)(codemirror@6.0.1)(pg@8.11.3)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(redux@4.2.1)(styled-components@5.3.3)
+      '@strapi/types': 4.16.2(better-sqlite3@9.2.2)(pg@8.11.3)
+      '@strapi/utils': 4.16.2
+      axios: 1.6.0(debug@4.3.4)
+      formik: 2.4.0(react@18.2.0)
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      react-intl: 6.4.1(react@18.2.0)(typescript@5.2.2)
+      react-redux: 8.1.1(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)(redux@4.2.1)
+      react-router-dom: 5.3.4(react@18.2.0)
+      styled-components: 5.3.3(@babel/core@7.23.6)(react-dom@18.2.0)(react-is@18.2.0)(react@18.2.0)
+      yup: 0.32.9
+    transitivePeerDependencies:
+      - '@babel/runtime'
+      - '@codemirror/autocomplete'
+      - '@codemirror/language'
+      - '@codemirror/lint'
+      - '@codemirror/search'
+      - '@codemirror/state'
+      - '@codemirror/theme-one-dark'
+      - '@codemirror/view'
+      - '@types/react'
+      - '@types/react-dom'
+      - better-sqlite3
+      - codemirror
+      - debug
+      - encoding
+      - mysql
+      - mysql2
+      - pg
+      - pg-native
+      - react-native
+      - redux
+      - sqlite3
+      - supports-color
+      - tedious
+      - typescript
+    dev: false
+
+  /@strapi/data-transfer@4.16.2(@strapi/strapi@4.16.2)(better-sqlite3@9.2.2)(pg@8.11.3):
+    resolution: {integrity: sha512-CDJQ6Kb1H/y25zWAsdXQw9FU/F6iRYdef1dVUh0yMLZNS8HrCWAPu/jjLwrrLF6KKD8O30jMIsH1Nsdr/J5tnw==}
     engines: {node: '>=18.0.0 <=20.x.x', npm: '>=6.0.0'}
     peerDependencies:
       '@strapi/strapi': ^4.14.4
     dependencies:
-      '@strapi/logger': 4.15.5
-      '@strapi/strapi': 4.15.5(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@types/node@20.8.7)(@types/react-dom@18.2.18)(@types/react@18.2.45)(better-sqlite3@9.1.1)(codemirror@6.0.1)(pg@8.11.3)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(redux@4.2.1)(styled-components@5.3.3)
-      '@strapi/types': 4.15.5(better-sqlite3@9.1.1)(pg@8.11.3)
-      '@strapi/utils': 4.15.5
+      '@strapi/logger': 4.16.2
+      '@strapi/strapi': 4.16.2(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@types/node@20.10.6)(@types/react-dom@18.2.18)(@types/react@18.2.47)(better-sqlite3@9.2.2)(codemirror@6.0.1)(pg@8.11.3)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(redux@4.2.1)(styled-components@5.3.3)
+      '@strapi/types': 4.16.2(better-sqlite3@9.2.2)(pg@8.11.3)
+      '@strapi/utils': 4.16.2
       chalk: 4.1.2
       cli-table3: 0.6.2
       commander: 8.3.0
@@ -7011,15 +7666,15 @@ packages:
       - utf-8-validate
     dev: false
 
-  /@strapi/database@4.15.5(better-sqlite3@9.1.1)(pg@8.11.3):
-    resolution: {integrity: sha512-ddeMkDt24YAuTmcugevU0vQprRHq7+Cbe89uJJKyY9juz0LijZ/lQcoPr9RjxVkYZDROOl7C6jRrU6u3WoNjTw==}
+  /@strapi/database@4.16.2(better-sqlite3@9.2.2)(pg@8.11.3):
+    resolution: {integrity: sha512-Vq54I7vlAix/XR17mBYmxGxS8R1eXDYHhbjqlyPRMJpbG3PPvOYyEVesy6caQHjivjL/LQNmmDXoFSd7qUzOgQ==}
     engines: {node: '>=18.0.0 <=20.x.x', npm: '>=6.0.0'}
     dependencies:
-      '@strapi/utils': 4.15.5
+      '@strapi/utils': 4.16.2
       date-fns: 2.30.0
       debug: 4.3.4(supports-color@5.5.0)
       fs-extra: 10.0.0
-      knex: 2.5.0(better-sqlite3@9.1.1)(pg@8.11.3)
+      knex: 2.5.0(better-sqlite3@9.2.2)(pg@8.11.3)
       lodash: 4.17.21
       semver: 7.5.4
       umzug: 3.2.1
@@ -7034,8 +7689,49 @@ packages:
       - tedious
     dev: false
 
-  /@strapi/design-system@1.13.0(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@strapi/icons@1.13.0)(@types/react-dom@18.2.18)(@types/react@18.2.45)(codemirror@5.65.16)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3):
+  /@strapi/design-system@1.13.0(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@strapi/icons@1.13.0)(@types/react-dom@18.2.18)(@types/react@18.2.47)(codemirror@6.0.1)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3):
     resolution: {integrity: sha512-Z9wZyqzRKNXKNkeNAwSLYOHshXW6UmqsOvaeUiUDfE77hvsJOzR60nLDDfo9pzQ/24t9332NWUUa24mSXFt97Q==}
+    peerDependencies:
+      '@strapi/icons': ^1.5.0
+      react: ^17.0.0 || ^18.0.0
+      react-dom: ^17.0.0 || ^18.0.0
+      react-router-dom: ^5.2.0
+      styled-components: ^5.2.1
+    dependencies:
+      '@codemirror/lang-json': 6.0.1
+      '@floating-ui/react-dom': 2.0.4(react-dom@18.2.0)(react@18.2.0)
+      '@internationalized/date': 3.5.1
+      '@internationalized/number': 3.5.0
+      '@radix-ui/react-dismissable-layer': 1.0.5(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-dropdown-menu': 2.0.6(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-focus-scope': 1.0.4(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@strapi/icons': 1.13.0(react-dom@18.2.0)(react@18.2.0)
+      '@strapi/ui-primitives': 1.14.0(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@uiw/react-codemirror': 4.21.21(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(codemirror@6.0.1)(react-dom@18.2.0)(react@18.2.0)
+      aria-hidden: 1.2.3
+      compute-scroll-into-view: 3.1.0
+      prop-types: 15.8.1
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      react-remove-scroll: 2.5.7(@types/react@18.2.47)(react@18.2.0)
+      react-router-dom: 5.3.4(react@18.2.0)
+      styled-components: 5.3.3(@babel/core@7.23.6)(react-dom@18.2.0)(react-is@18.2.0)(react@18.2.0)
+    transitivePeerDependencies:
+      - '@babel/runtime'
+      - '@codemirror/autocomplete'
+      - '@codemirror/language'
+      - '@codemirror/lint'
+      - '@codemirror/search'
+      - '@codemirror/state'
+      - '@codemirror/theme-one-dark'
+      - '@codemirror/view'
+      - '@types/react'
+      - '@types/react-dom'
+      - codemirror
+    dev: false
+
+  /@strapi/design-system@1.13.1(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@strapi/icons@1.13.0)(@types/react-dom@18.2.18)(@types/react@18.2.47)(codemirror@5.65.16)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3):
+    resolution: {integrity: sha512-mtfONSTZmOKd0Mvb1NGEYx5qaA4uDPqx5q3/67kDSK2mkfjEe3j69SoQ6ONt/glvsidclWtez6R1aJmF5cojRg==}
     peerDependencies:
       '@strapi/icons': ^1.5.0
       react: ^17.0.0 || ^18.0.0
@@ -7047,18 +7743,18 @@ packages:
       '@floating-ui/react-dom': 2.0.4(react-dom@18.2.0)(react@18.2.0)
       '@internationalized/date': 3.5.0
       '@internationalized/number': 3.4.0
-      '@radix-ui/react-dismissable-layer': 1.0.5(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-dropdown-menu': 2.0.6(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-focus-scope': 1.0.4(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-dismissable-layer': 1.0.5(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-dropdown-menu': 2.0.6(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-focus-scope': 1.0.4(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
       '@strapi/icons': 1.13.0(react-dom@18.2.0)(react@18.2.0)
-      '@strapi/ui-primitives': 1.13.2(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0)
+      '@strapi/ui-primitives': 1.13.2(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
       '@uiw/react-codemirror': 4.21.21(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(codemirror@5.65.16)(react-dom@18.2.0)(react@18.2.0)
       aria-hidden: 1.2.3
       compute-scroll-into-view: 3.1.0
       prop-types: 15.8.1
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
-      react-remove-scroll: 2.5.7(@types/react@18.2.45)(react@18.2.0)
+      react-remove-scroll: 2.5.7(@types/react@18.2.47)(react@18.2.0)
       react-router-dom: 5.3.4(react@18.2.0)
       styled-components: 5.3.3(@babel/core@7.23.6)(react-dom@18.2.0)(react-is@18.2.0)(react@18.2.0)
     transitivePeerDependencies:
@@ -7075,8 +7771,8 @@ packages:
       - codemirror
     dev: false
 
-  /@strapi/design-system@1.13.0(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@strapi/icons@1.13.0)(@types/react-dom@18.2.18)(@types/react@18.2.45)(codemirror@6.0.1)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.11):
-    resolution: {integrity: sha512-Z9wZyqzRKNXKNkeNAwSLYOHshXW6UmqsOvaeUiUDfE77hvsJOzR60nLDDfo9pzQ/24t9332NWUUa24mSXFt97Q==}
+  /@strapi/design-system@1.13.1(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@strapi/icons@1.13.0)(@types/react-dom@18.2.18)(@types/react@18.2.47)(codemirror@6.0.1)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3):
+    resolution: {integrity: sha512-mtfONSTZmOKd0Mvb1NGEYx5qaA4uDPqx5q3/67kDSK2mkfjEe3j69SoQ6ONt/glvsidclWtez6R1aJmF5cojRg==}
     peerDependencies:
       '@strapi/icons': ^1.5.0
       react: ^17.0.0 || ^18.0.0
@@ -7088,20 +7784,20 @@ packages:
       '@floating-ui/react-dom': 2.0.4(react-dom@18.2.0)(react@18.2.0)
       '@internationalized/date': 3.5.0
       '@internationalized/number': 3.4.0
-      '@radix-ui/react-dismissable-layer': 1.0.5(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-dropdown-menu': 2.0.6(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-focus-scope': 1.0.4(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-dismissable-layer': 1.0.5(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-dropdown-menu': 2.0.6(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-focus-scope': 1.0.4(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
       '@strapi/icons': 1.13.0(react-dom@18.2.0)(react@18.2.0)
-      '@strapi/ui-primitives': 1.13.2(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0)
+      '@strapi/ui-primitives': 1.13.2(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
       '@uiw/react-codemirror': 4.21.21(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(codemirror@6.0.1)(react-dom@18.2.0)(react@18.2.0)
       aria-hidden: 1.2.3
       compute-scroll-into-view: 3.1.0
       prop-types: 15.8.1
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
-      react-remove-scroll: 2.5.7(@types/react@18.2.45)(react@18.2.0)
+      react-remove-scroll: 2.5.7(@types/react@18.2.47)(react@18.2.0)
       react-router-dom: 5.3.4(react@18.2.0)
-      styled-components: 5.3.11(@babel/core@7.23.6)(react-dom@18.2.0)(react-is@18.2.0)(react@18.2.0)
+      styled-components: 5.3.3(@babel/core@7.23.6)(react-dom@18.2.0)(react-is@18.2.0)(react@18.2.0)
     transitivePeerDependencies:
       - '@babel/runtime'
       - '@codemirror/autocomplete'
@@ -7116,8 +7812,8 @@ packages:
       - codemirror
     dev: false
 
-  /@strapi/design-system@1.13.0(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@strapi/icons@1.13.0)(@types/react-dom@18.2.18)(@types/react@18.2.45)(codemirror@6.0.1)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3):
-    resolution: {integrity: sha512-Z9wZyqzRKNXKNkeNAwSLYOHshXW6UmqsOvaeUiUDfE77hvsJOzR60nLDDfo9pzQ/24t9332NWUUa24mSXFt97Q==}
+  /@strapi/design-system@1.14.0(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@strapi/icons@1.14.0)(@types/react-dom@18.2.18)(@types/react@18.2.45)(codemirror@6.0.1)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3):
+    resolution: {integrity: sha512-ORKdRDlY2NQ56qpkr8zetyrZv5sr+RWmopw1Vf9RKLYYMbXhcrCnznd+cxoDiviS1gneVxwoqvDh8/AYtijd8Q==}
     peerDependencies:
       '@strapi/icons': ^1.5.0
       react: ^17.0.0 || ^18.0.0
@@ -7127,13 +7823,13 @@ packages:
     dependencies:
       '@codemirror/lang-json': 6.0.1
       '@floating-ui/react-dom': 2.0.4(react-dom@18.2.0)(react@18.2.0)
-      '@internationalized/date': 3.5.0
-      '@internationalized/number': 3.4.0
+      '@internationalized/date': 3.5.1
+      '@internationalized/number': 3.5.0
       '@radix-ui/react-dismissable-layer': 1.0.5(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0)
       '@radix-ui/react-dropdown-menu': 2.0.6(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0)
       '@radix-ui/react-focus-scope': 1.0.4(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0)
-      '@strapi/icons': 1.13.0(react-dom@18.2.0)(react@18.2.0)
-      '@strapi/ui-primitives': 1.13.2(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0)
+      '@strapi/icons': 1.14.0(react-dom@18.2.0)(react@18.2.0)
+      '@strapi/ui-primitives': 1.14.0(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0)
       '@uiw/react-codemirror': 4.21.21(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(codemirror@6.0.1)(react-dom@18.2.0)(react@18.2.0)
       aria-hidden: 1.2.3
       compute-scroll-into-view: 3.1.0
@@ -7157,8 +7853,8 @@ packages:
       - codemirror
     dev: false
 
-  /@strapi/generate-new@4.15.5:
-    resolution: {integrity: sha512-5XvexpopvWHjBpsi9drIOHJnxmgK7kGjBz6JimlKi4v4YXR7D8QxW6K/8xSQHrH0SxIeFN6gZq8UrSVqsUxEdA==}
+  /@strapi/generate-new@4.16.2:
+    resolution: {integrity: sha512-bLTsS73wqjgYvQeCVcxhodG+fssjTnYcCvVHyBBzp28Gv8AoBaiUaVgVPedHGA4XpfNl1y0zQZXN2B2rrrhNjQ==}
     engines: {node: '>=18.0.0 <=20.x.x', npm: '>=6.0.0'}
     dependencies:
       '@sentry/node': 6.19.7
@@ -7177,13 +7873,13 @@ packages:
       - supports-color
     dev: false
 
-  /@strapi/generators@4.15.5:
-    resolution: {integrity: sha512-RMiLiSO1ihyhaWJAQOrmm3vF0EEdmu/qAAT/gsvhsFzcXrfchaceuUr/fuDRxqt5hT8SezVizM9HiYUn5lPP3w==}
+  /@strapi/generators@4.16.2:
+    resolution: {integrity: sha512-X4ibD/+AokFvhDtaTApQtyli3NEUkbqxhqexCQPhgWa5H+8zEpQHro8tTMHcW8l4to1EYBt2gLnVb6eh/M1Tzg==}
     engines: {node: '>=18.0.0 <=20.x.x', npm: '>=6.0.0'}
     dependencies:
       '@sindresorhus/slugify': 1.1.0
-      '@strapi/typescript-utils': 4.15.5
-      '@strapi/utils': 4.15.5
+      '@strapi/typescript-utils': 4.16.2
+      '@strapi/utils': 4.16.2
       chalk: 4.1.2
       copyfiles: 2.4.1
       fs-extra: 10.0.0
@@ -7194,7 +7890,7 @@ packages:
       - supports-color
     dev: false
 
-  /@strapi/helper-plugin@4.15.5(@strapi/design-system@1.13.0)(@strapi/icons@1.13.0)(@types/react@18.2.45)(debug@4.3.4)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3)(typescript@5.2.2):
+  /@strapi/helper-plugin@4.15.5(@strapi/design-system@1.13.0)(@strapi/icons@1.13.0)(@types/react@18.2.47)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3)(typescript@5.2.2):
     resolution: {integrity: sha512-D7CNIpsiVvwXOuyUlvn7aOZu60Hebe+h4QAge1VEvsQSVlInhyzEbRbmeE247cEhdAyrlC9ga8KzQ2M1BLypvw==}
     engines: {node: '>=18.0.0 <=20.x.x', npm: '>=6.0.0'}
     peerDependencies:
@@ -7205,7 +7901,7 @@ packages:
       react-router-dom: ^5.2.0
       styled-components: ^5.2.1
     dependencies:
-      '@strapi/design-system': 1.13.0(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@strapi/icons@1.13.0)(@types/react-dom@18.2.18)(@types/react@18.2.45)(codemirror@5.65.16)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3)
+      '@strapi/design-system': 1.13.0(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@strapi/icons@1.13.0)(@types/react-dom@18.2.18)(@types/react@18.2.47)(codemirror@6.0.1)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3)
       '@strapi/icons': 1.13.0(react-dom@18.2.0)(react@18.2.0)
       axios: 1.6.0(debug@4.3.4)
       date-fns: 2.30.0
@@ -7219,7 +7915,7 @@ packages:
       react-intl: 6.4.1(react@18.2.0)(typescript@5.2.2)
       react-query: 3.39.3(react-dom@18.2.0)(react@18.2.0)
       react-router-dom: 5.3.4(react@18.2.0)
-      react-select: 5.7.0(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0)
+      react-select: 5.7.0(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
       styled-components: 5.3.3(@babel/core@7.23.6)(react-dom@18.2.0)(react-is@18.2.0)(react@18.2.0)
     transitivePeerDependencies:
       - '@types/react'
@@ -7228,18 +7924,18 @@ packages:
       - typescript
     dev: false
 
-  /@strapi/helper-plugin@4.15.5(@strapi/design-system@1.13.0)(@strapi/icons@1.13.0)(@types/react@18.2.45)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.11)(typescript@5.3.3):
-    resolution: {integrity: sha512-D7CNIpsiVvwXOuyUlvn7aOZu60Hebe+h4QAge1VEvsQSVlInhyzEbRbmeE247cEhdAyrlC9ga8KzQ2M1BLypvw==}
+  /@strapi/helper-plugin@4.16.2(@strapi/design-system@1.13.0)(@strapi/icons@1.13.0)(@types/react@18.2.47)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3)(typescript@5.2.2):
+    resolution: {integrity: sha512-O9ZWm/qHa2gZByuG4+YePvy9wfHykh4vUw7wufIWn4aTdv3AQdCIBmN33iiDXKd9Fxud+o7XIubXe2ZRTZbySQ==}
     engines: {node: '>=18.0.0 <=20.x.x', npm: '>=6.0.0'}
     peerDependencies:
-      '@strapi/design-system': 1.13.0
+      '@strapi/design-system': 1.13.1
       '@strapi/icons': 1.13.0
       react: ^17.0.0 || ^18.0.0
       react-dom: ^17.0.0 || ^18.0.0
       react-router-dom: ^5.2.0
       styled-components: ^5.2.1
     dependencies:
-      '@strapi/design-system': 1.13.0(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@strapi/icons@1.13.0)(@types/react-dom@18.2.18)(@types/react@18.2.45)(codemirror@6.0.1)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.11)
+      '@strapi/design-system': 1.13.0(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@strapi/icons@1.13.0)(@types/react-dom@18.2.18)(@types/react@18.2.47)(codemirror@6.0.1)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3)
       '@strapi/icons': 1.13.0(react-dom@18.2.0)(react@18.2.0)
       axios: 1.6.0(debug@4.3.4)
       date-fns: 2.30.0
@@ -7250,11 +7946,11 @@ packages:
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
       react-helmet: 6.1.0(react@18.2.0)
-      react-intl: 6.4.1(react@18.2.0)(typescript@5.3.3)
+      react-intl: 6.4.1(react@18.2.0)(typescript@5.2.2)
       react-query: 3.39.3(react-dom@18.2.0)(react@18.2.0)
       react-router-dom: 5.3.4(react@18.2.0)
-      react-select: 5.7.0(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0)
-      styled-components: 5.3.11(@babel/core@7.23.6)(react-dom@18.2.0)(react-is@18.2.0)(react@18.2.0)
+      react-select: 5.7.0(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      styled-components: 5.3.3(@babel/core@7.23.6)(react-dom@18.2.0)(react-is@18.2.0)(react@18.2.0)
     transitivePeerDependencies:
       - '@types/react'
       - debug
@@ -7262,18 +7958,52 @@ packages:
       - typescript
     dev: false
 
-  /@strapi/helper-plugin@4.15.5(@strapi/design-system@1.13.0)(@strapi/icons@1.13.0)(@types/react@18.2.45)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3)(typescript@5.2.2):
-    resolution: {integrity: sha512-D7CNIpsiVvwXOuyUlvn7aOZu60Hebe+h4QAge1VEvsQSVlInhyzEbRbmeE247cEhdAyrlC9ga8KzQ2M1BLypvw==}
+  /@strapi/helper-plugin@4.16.2(@strapi/design-system@1.13.1)(@strapi/icons@1.13.0)(@types/react@18.2.47)(debug@4.3.4)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3)(typescript@5.2.2):
+    resolution: {integrity: sha512-O9ZWm/qHa2gZByuG4+YePvy9wfHykh4vUw7wufIWn4aTdv3AQdCIBmN33iiDXKd9Fxud+o7XIubXe2ZRTZbySQ==}
     engines: {node: '>=18.0.0 <=20.x.x', npm: '>=6.0.0'}
     peerDependencies:
-      '@strapi/design-system': 1.13.0
+      '@strapi/design-system': 1.13.1
+      '@strapi/icons': 1.13.0
+      react: ^17.0.0 || ^18.0.0
+      react-dom: ^17.0.0 || ^18.0.0
+      react-router-dom: ^5.2.0
+      styled-components: ^5.2.1
+    dependencies:
+      '@strapi/design-system': 1.13.1(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@strapi/icons@1.13.0)(@types/react-dom@18.2.18)(@types/react@18.2.47)(codemirror@5.65.16)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3)
+      '@strapi/icons': 1.13.0(react-dom@18.2.0)(react@18.2.0)
+      axios: 1.6.0(debug@4.3.4)
+      date-fns: 2.30.0
+      formik: 2.4.0(react@18.2.0)
+      immer: 9.0.19
+      lodash: 4.17.21
+      qs: 6.11.1
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      react-helmet: 6.1.0(react@18.2.0)
+      react-intl: 6.4.1(react@18.2.0)(typescript@5.2.2)
+      react-query: 3.39.3(react-dom@18.2.0)(react@18.2.0)
+      react-router-dom: 5.3.4(react@18.2.0)
+      react-select: 5.7.0(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      styled-components: 5.3.3(@babel/core@7.23.6)(react-dom@18.2.0)(react-is@18.2.0)(react@18.2.0)
+    transitivePeerDependencies:
+      - '@types/react'
+      - debug
+      - react-native
+      - typescript
+    dev: false
+
+  /@strapi/helper-plugin@4.16.2(@strapi/design-system@1.13.1)(@strapi/icons@1.13.0)(@types/react@18.2.47)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3)(typescript@5.2.2):
+    resolution: {integrity: sha512-O9ZWm/qHa2gZByuG4+YePvy9wfHykh4vUw7wufIWn4aTdv3AQdCIBmN33iiDXKd9Fxud+o7XIubXe2ZRTZbySQ==}
+    engines: {node: '>=18.0.0 <=20.x.x', npm: '>=6.0.0'}
+    peerDependencies:
+      '@strapi/design-system': 1.13.1
       '@strapi/icons': 1.13.0
       react: ^17.0.0 || ^18.0.0
       react-dom: ^17.0.0 || ^18.0.0
       react-router-dom: ^5.2.0
       styled-components: ^5.2.1
     dependencies:
-      '@strapi/design-system': 1.13.0(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@strapi/icons@1.13.0)(@types/react-dom@18.2.18)(@types/react@18.2.45)(codemirror@6.0.1)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3)
+      '@strapi/design-system': 1.13.1(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@strapi/icons@1.13.0)(@types/react-dom@18.2.18)(@types/react@18.2.47)(codemirror@6.0.1)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3)
       '@strapi/icons': 1.13.0(react-dom@18.2.0)(react@18.2.0)
       axios: 1.6.0(debug@4.3.4)
       date-fns: 2.30.0
@@ -7287,6 +8017,40 @@ packages:
       react-intl: 6.4.1(react@18.2.0)(typescript@5.2.2)
       react-query: 3.39.3(react-dom@18.2.0)(react@18.2.0)
       react-router-dom: 5.3.4(react@18.2.0)
+      react-select: 5.7.0(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      styled-components: 5.3.3(@babel/core@7.23.6)(react-dom@18.2.0)(react-is@18.2.0)(react@18.2.0)
+    transitivePeerDependencies:
+      - '@types/react'
+      - debug
+      - react-native
+      - typescript
+    dev: false
+
+  /@strapi/helper-plugin@4.16.2(@strapi/design-system@1.14.0)(@strapi/icons@1.14.0)(@types/react@18.2.45)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3)(typescript@5.3.3):
+    resolution: {integrity: sha512-O9ZWm/qHa2gZByuG4+YePvy9wfHykh4vUw7wufIWn4aTdv3AQdCIBmN33iiDXKd9Fxud+o7XIubXe2ZRTZbySQ==}
+    engines: {node: '>=18.0.0 <=20.x.x', npm: '>=6.0.0'}
+    peerDependencies:
+      '@strapi/design-system': 1.13.1
+      '@strapi/icons': 1.13.0
+      react: ^17.0.0 || ^18.0.0
+      react-dom: ^17.0.0 || ^18.0.0
+      react-router-dom: ^5.2.0
+      styled-components: ^5.2.1
+    dependencies:
+      '@strapi/design-system': 1.14.0(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@strapi/icons@1.14.0)(@types/react-dom@18.2.18)(@types/react@18.2.45)(codemirror@6.0.1)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3)
+      '@strapi/icons': 1.14.0(react-dom@18.2.0)(react@18.2.0)
+      axios: 1.6.0(debug@4.3.4)
+      date-fns: 2.30.0
+      formik: 2.4.0(react@18.2.0)
+      immer: 9.0.19
+      lodash: 4.17.21
+      qs: 6.11.1
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      react-helmet: 6.1.0(react@18.2.0)
+      react-intl: 6.4.1(react@18.2.0)(typescript@5.3.3)
+      react-query: 3.39.3(react-dom@18.2.0)(react@18.2.0)
+      react-router-dom: 5.3.4(react@18.2.0)
       react-select: 5.7.0(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0)
       styled-components: 5.3.3(@babel/core@7.23.6)(react-dom@18.2.0)(react-is@18.2.0)(react@18.2.0)
     transitivePeerDependencies:
@@ -7306,16 +8070,26 @@ packages:
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /@strapi/logger@4.15.5:
-    resolution: {integrity: sha512-m3Mml9B8+Yvkirv48ZekgroZS8B9CkSXOANCJOKBLzbvzhth66Y35SExTsH+AHQANke0iuI8+3b6Twzef+EDTg==}
+  /@strapi/icons@1.14.0(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-LF/r/Pf5YDJ1AI+KFCF8hC/ES4CUjssKtSh0vlAaw9lBpMuwnAAraOgUYFQZ43BdmOVpwA9JwSFDOVYe0CFY+Q==}
+    peerDependencies:
+      react: ^17.0.0 || ^18.0.0
+      react-dom: ^17.0.0 || ^18.0.0
+    dependencies:
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
+  /@strapi/logger@4.16.2:
+    resolution: {integrity: sha512-9BBU8AgQVjlM/uyCFW+tUlyVCcfQ7rlRHtGQr+ZFtHY7Thzd/vRHxvC3i34Cah7qAn8QU5aemNQJvGxH04mz+w==}
     engines: {node: '>=18.0.0 <=20.x.x', npm: '>=6.0.0'}
     dependencies:
       lodash: 4.17.21
       winston: 3.10.0
     dev: false
 
-  /@strapi/pack-up@4.15.5(@types/node@20.8.7):
-    resolution: {integrity: sha512-qxHSqUB4BpCxvh3wdYfaqRrT3vXti4jH78i0S7lMT2nmJoPHsdgwtsThoqm9lYp7TN9Xqcu9oda9GOoAnqL0JA==}
+  /@strapi/pack-up@4.16.2(@types/node@20.10.6):
+    resolution: {integrity: sha512-jZNwDOQTK+wXMNCyJIzumW8w7BivCG4B1LK+jyYXTomwKnwkvLLGvJZtUdgY52a5ogJyLHKaecKhbskIuT/Fsg==}
     engines: {node: '>=18.0.0 <=20.x.x', npm: '>=6.0.0'}
     hasBin: true
     dependencies:
@@ -7338,7 +8112,7 @@ packages:
       prompts: 2.4.2
       rxjs: 7.8.1
       typescript: 5.2.2
-      vite: 4.4.9(@types/node@20.8.7)
+      vite: 4.4.9(@types/node@20.10.6)
       yup: 0.32.9
     transitivePeerDependencies:
       - '@types/node'
@@ -7351,29 +8125,29 @@ packages:
       - terser
     dev: false
 
-  /@strapi/permissions@4.15.5:
-    resolution: {integrity: sha512-ClfZiNC2Uu/IrajO+CuE+XppiT1tbzX16Wcfrh7Sf/gL1GuXAEahElxBV57tnkrEm+tZCd+pFpScruwkjsbT6w==}
+  /@strapi/permissions@4.16.2:
+    resolution: {integrity: sha512-/vew0jV8WGXOL4DXUJrCiaCpwxVtDjMkwnAzTnkJmZQVGUu38VP+Uj2frcZpOewumCE8/k1kAGnQRMRhYmc/eA==}
     engines: {node: '>=18.0.0 <=20.x.x', npm: '>=6.0.0'}
     dependencies:
       '@casl/ability': 6.5.0
-      '@strapi/utils': 4.15.5
+      '@strapi/utils': 4.16.2
       lodash: 4.17.21
       qs: 6.11.1
       sift: 16.0.1
     dev: false
 
-  /@strapi/plugin-content-manager@4.15.5:
-    resolution: {integrity: sha512-AEGxYCTK/ODDPf2GXsWj75oktXlpI5wNPhjtbm5pfNrvdBJTRqntkz3QIt3UYq+NkAUzZa1kV9qwRuT/s9lqzA==}
+  /@strapi/plugin-content-manager@4.16.2:
+    resolution: {integrity: sha512-dpd7VwbLar0jOB1rCNJV5fyMsl/BPOEk120bhFQ45wPYcKpf/6daBklNklVgnho/8fN90cLTMzjjHET5LmabFQ==}
     engines: {node: '>=18.0.0 <=20.x.x', npm: '>=6.0.0'}
     dependencies:
       '@sindresorhus/slugify': 1.1.0
-      '@strapi/utils': 4.15.5
+      '@strapi/utils': 4.16.2
       lodash: 4.17.21
       qs: 6.11.1
     dev: false
 
-  /@strapi/plugin-content-type-builder@4.15.5(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@strapi/strapi@4.15.5)(@types/react-dom@18.2.18)(@types/react@18.2.45)(codemirror@6.0.1)(debug@4.3.4)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(redux@4.2.1)(styled-components@5.3.3)(typescript@5.2.2):
-    resolution: {integrity: sha512-n9MFiKf2D+EW0i8A7Moct2dQoe1rGuTxlfDajICGdFY4IDQPIXvVTZyCdA1ANDrcDAZBkmD4+ned+4BogaVEWw==}
+  /@strapi/plugin-content-type-builder@4.16.2(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@strapi/strapi@4.16.2)(@types/react-dom@18.2.18)(@types/react@18.2.47)(codemirror@6.0.1)(debug@4.3.4)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(redux@4.2.1)(styled-components@5.3.3)(typescript@5.2.2):
+    resolution: {integrity: sha512-Xc/iFuJCerDEvpybya7xiuX0zOe/jKkFwzAf1LahKzAEk+GIiAYt1sd+AiN8iUiDIyh4CH7L+iPM3Dw5khV+Pw==}
     engines: {node: '>=18.0.0 <=20.x.x', npm: '>=6.0.0'}
     peerDependencies:
       '@strapi/strapi': ^4.0.0
@@ -7383,12 +8157,12 @@ packages:
       styled-components: ^5.2.1
     dependencies:
       '@sindresorhus/slugify': 1.1.0
-      '@strapi/design-system': 1.13.0(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@strapi/icons@1.13.0)(@types/react-dom@18.2.18)(@types/react@18.2.45)(codemirror@6.0.1)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3)
-      '@strapi/generators': 4.15.5
-      '@strapi/helper-plugin': 4.15.5(@strapi/design-system@1.13.0)(@strapi/icons@1.13.0)(@types/react@18.2.45)(debug@4.3.4)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3)(typescript@5.2.2)
+      '@strapi/design-system': 1.13.1(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@strapi/icons@1.13.0)(@types/react-dom@18.2.18)(@types/react@18.2.47)(codemirror@6.0.1)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3)
+      '@strapi/generators': 4.16.2
+      '@strapi/helper-plugin': 4.16.2(@strapi/design-system@1.13.1)(@strapi/icons@1.13.0)(@types/react@18.2.47)(debug@4.3.4)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3)(typescript@5.2.2)
       '@strapi/icons': 1.13.0(react-dom@18.2.0)(react@18.2.0)
-      '@strapi/strapi': 4.15.5(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@types/node@20.8.7)(@types/react-dom@18.2.18)(@types/react@18.2.45)(better-sqlite3@9.1.1)(codemirror@6.0.1)(pg@8.11.3)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(redux@4.2.1)(styled-components@5.3.3)
-      '@strapi/utils': 4.15.5
+      '@strapi/strapi': 4.16.2(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@types/node@20.10.6)(@types/react-dom@18.2.18)(@types/react@18.2.47)(better-sqlite3@9.2.2)(codemirror@6.0.1)(pg@8.11.3)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(redux@4.2.1)(styled-components@5.3.3)
+      '@strapi/utils': 4.16.2
       fs-extra: 10.0.0
       immer: 9.0.19
       lodash: 4.17.21
@@ -7399,7 +8173,7 @@ packages:
       react-dom: 18.2.0(react@18.2.0)
       react-helmet: 6.1.0(react@18.2.0)
       react-intl: 6.4.1(react@18.2.0)(typescript@5.2.2)
-      react-redux: 8.1.1(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0)(redux@4.2.1)
+      react-redux: 8.1.1(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)(redux@4.2.1)
       react-router-dom: 5.3.4(react@18.2.0)
       styled-components: 5.3.3(@babel/core@7.23.6)(react-dom@18.2.0)(react-is@18.2.0)(react@18.2.0)
       yup: 0.32.9
@@ -7422,8 +8196,8 @@ packages:
       - typescript
     dev: false
 
-  /@strapi/plugin-email@4.15.5(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@types/react-dom@18.2.18)(@types/react@18.2.45)(codemirror@6.0.1)(debug@4.3.4)(koa@2.13.4)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3)(typescript@5.2.2):
-    resolution: {integrity: sha512-KCZ/zaw4nZWSl46mP1kQnID0oABYHT3CLnNbu6IlmppyrBIOIUGGrO9KqVuOANKGF23kh9XISXSMPFfkojYOng==}
+  /@strapi/plugin-email@4.16.2(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@types/react-dom@18.2.18)(@types/react@18.2.47)(codemirror@6.0.1)(debug@4.3.4)(koa@2.13.4)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3)(typescript@5.2.2):
+    resolution: {integrity: sha512-WSi0k36JasovwlKbTC1uHlSe60TbX5FmVvbHDIQE7sWERoGJLFLYOetZ8HN0Qy/f1x07ltcNy4kGj9KL/O6eLw==}
     engines: {node: '>=18.0.0 <=20.x.x', npm: '>=6.0.0'}
     peerDependencies:
       koa: 2.13.4
@@ -7432,11 +8206,11 @@ packages:
       react-router-dom: ^5.2.0
       styled-components: ^5.2.1
     dependencies:
-      '@strapi/design-system': 1.13.0(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@strapi/icons@1.13.0)(@types/react-dom@18.2.18)(@types/react@18.2.45)(codemirror@6.0.1)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3)
-      '@strapi/helper-plugin': 4.15.5(@strapi/design-system@1.13.0)(@strapi/icons@1.13.0)(@types/react@18.2.45)(debug@4.3.4)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3)(typescript@5.2.2)
+      '@strapi/design-system': 1.13.1(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@strapi/icons@1.13.0)(@types/react-dom@18.2.18)(@types/react@18.2.47)(codemirror@6.0.1)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3)
+      '@strapi/helper-plugin': 4.16.2(@strapi/design-system@1.13.1)(@strapi/icons@1.13.0)(@types/react@18.2.47)(debug@4.3.4)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3)(typescript@5.2.2)
       '@strapi/icons': 1.13.0(react-dom@18.2.0)(react@18.2.0)
-      '@strapi/provider-email-sendmail': 4.15.5
-      '@strapi/utils': 4.15.5
+      '@strapi/provider-email-sendmail': 4.16.2
+      '@strapi/utils': 4.16.2
       koa: 2.13.4
       lodash: 4.17.21
       prop-types: 15.8.1
@@ -7464,8 +8238,8 @@ packages:
       - typescript
     dev: false
 
-  /@strapi/plugin-i18n@4.15.5(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@strapi/strapi@4.15.5)(@types/react-dom@18.2.18)(@types/react@18.2.45)(codemirror@6.0.1)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(redux@4.2.1)(styled-components@5.3.3)(typescript@5.2.2):
-    resolution: {integrity: sha512-yXHONAqsYMbKtq80DmFdFQlyARS/LNFcx130SHT6CE3h7IRnzEtRZMjOuRLypcF+vW90QyUDykXkZ5Nd4i2dKA==}
+  /@strapi/plugin-i18n@4.16.2(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@strapi/strapi@4.16.2)(@types/react-dom@18.2.18)(@types/react@18.2.47)(codemirror@6.0.1)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(redux@4.2.1)(styled-components@5.3.3)(typescript@5.2.2):
+    resolution: {integrity: sha512-wHhgN4qWQ39L6Xn+02JZ2URojYlsZmDofAiRjYtTEcTrN5iTH2Gt9yC4OY4VHTOwwz3QMpZzYlY2lv9zvFvFJg==}
     engines: {node: '>=18.0.0 <=20.x.x', npm: '>=6.0.0'}
     peerDependencies:
       '@strapi/strapi': ^4.0.0
@@ -7475,11 +8249,11 @@ packages:
       styled-components: ^5.2.1
     dependencies:
       '@reduxjs/toolkit': 1.9.7(react-redux@8.1.1)(react@18.2.0)
-      '@strapi/design-system': 1.13.0(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@strapi/icons@1.13.0)(@types/react-dom@18.2.18)(@types/react@18.2.45)(codemirror@6.0.1)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3)
-      '@strapi/helper-plugin': 4.15.5(@strapi/design-system@1.13.0)(@strapi/icons@1.13.0)(@types/react@18.2.45)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3)(typescript@5.2.2)
+      '@strapi/design-system': 1.13.1(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@strapi/icons@1.13.0)(@types/react-dom@18.2.18)(@types/react@18.2.47)(codemirror@6.0.1)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3)
+      '@strapi/helper-plugin': 4.16.2(@strapi/design-system@1.13.1)(@strapi/icons@1.13.0)(@types/react@18.2.47)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3)(typescript@5.2.2)
       '@strapi/icons': 1.13.0(react-dom@18.2.0)(react@18.2.0)
-      '@strapi/strapi': 4.15.5(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@types/node@20.8.7)(@types/react-dom@18.2.18)(@types/react@18.2.45)(better-sqlite3@9.1.1)(codemirror@6.0.1)(pg@8.11.3)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(redux@4.2.1)(styled-components@5.3.3)
-      '@strapi/utils': 4.15.5
+      '@strapi/strapi': 4.16.2(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@types/node@20.10.6)(@types/react-dom@18.2.18)(@types/react@18.2.47)(better-sqlite3@9.2.2)(codemirror@6.0.1)(pg@8.11.3)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(redux@4.2.1)(styled-components@5.3.3)
+      '@strapi/utils': 4.16.2
       formik: 2.4.0(react@18.2.0)
       immer: 9.0.19
       lodash: 4.17.21
@@ -7489,7 +8263,7 @@ packages:
       react-dom: 18.2.0(react@18.2.0)
       react-intl: 6.4.1(react@18.2.0)(typescript@5.2.2)
       react-query: 3.39.3(react-dom@18.2.0)(react@18.2.0)
-      react-redux: 8.1.1(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0)(redux@4.2.1)
+      react-redux: 8.1.1(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)(redux@4.2.1)
       react-router-dom: 5.3.4(react@18.2.0)
       styled-components: 5.3.3(@babel/core@7.23.6)(react-dom@18.2.0)(react-is@18.2.0)(react@18.2.0)
       yup: 0.32.9
@@ -7511,8 +8285,8 @@ packages:
       - typescript
     dev: false
 
-  /@strapi/plugin-upload@4.15.5(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@strapi/strapi@4.15.5)(@types/node@20.8.7)(@types/react-dom@18.2.18)(@types/react@18.2.45)(codemirror@6.0.1)(debug@4.3.4)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(redux@4.2.1)(styled-components@5.3.3)(typescript@5.2.2):
-    resolution: {integrity: sha512-4rg+x3HLvdw+VueeGebxLTw7K253ST0SRpWUyUcD3qXJHwd/nYCRGaPPOyuZs5ocQ7Emh6SME9d4GvmijZZsWg==}
+  /@strapi/plugin-upload@4.16.2(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@strapi/strapi@4.16.2)(@types/node@20.10.6)(@types/react-dom@18.2.18)(@types/react@18.2.47)(codemirror@6.0.1)(debug@4.3.4)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(redux@4.2.1)(styled-components@5.3.3)(typescript@5.2.2):
+    resolution: {integrity: sha512-Yj0R2iY0ZqXXcjoLKNVO8SAdw26TKnHF1QuzLojTu7vZKK9hd1VOKISRDWJ3zV/gq8JuttE7ientjyd36ayftA==}
     engines: {node: '>=18.0.0 <=20.x.x', npm: '>=6.0.0'}
     peerDependencies:
       '@strapi/strapi': ^4.0.0
@@ -7521,12 +8295,12 @@ packages:
       react-router-dom: ^5.2.0
       styled-components: ^5.2.1
     dependencies:
-      '@strapi/design-system': 1.13.0(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@strapi/icons@1.13.0)(@types/react-dom@18.2.18)(@types/react@18.2.45)(codemirror@6.0.1)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3)
-      '@strapi/helper-plugin': 4.15.5(@strapi/design-system@1.13.0)(@strapi/icons@1.13.0)(@types/react@18.2.45)(debug@4.3.4)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3)(typescript@5.2.2)
+      '@strapi/design-system': 1.13.1(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@strapi/icons@1.13.0)(@types/react-dom@18.2.18)(@types/react@18.2.47)(codemirror@6.0.1)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3)
+      '@strapi/helper-plugin': 4.16.2(@strapi/design-system@1.13.1)(@strapi/icons@1.13.0)(@types/react@18.2.47)(debug@4.3.4)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3)(typescript@5.2.2)
       '@strapi/icons': 1.13.0(react-dom@18.2.0)(react@18.2.0)
-      '@strapi/provider-upload-local': 4.15.5
-      '@strapi/strapi': 4.15.5(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@types/node@20.8.7)(@types/react-dom@18.2.18)(@types/react@18.2.45)(better-sqlite3@9.1.1)(codemirror@6.0.1)(pg@8.11.3)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(redux@4.2.1)(styled-components@5.3.3)
-      '@strapi/utils': 4.15.5
+      '@strapi/provider-upload-local': 4.16.2
+      '@strapi/strapi': 4.16.2(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@types/node@20.10.6)(@types/react-dom@18.2.18)(@types/react@18.2.47)(better-sqlite3@9.2.2)(codemirror@6.0.1)(pg@8.11.3)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(redux@4.2.1)(styled-components@5.3.3)
+      '@strapi/utils': 4.16.2
       axios: 1.6.0(debug@4.3.4)
       byte-size: 7.0.1
       cropperjs: 1.6.0
@@ -7541,14 +8315,14 @@ packages:
       prop-types: 15.8.1
       qs: 6.11.1
       react: 18.2.0
-      react-dnd: 15.1.2(@types/node@20.8.7)(@types/react@18.2.45)(react@18.2.0)
+      react-dnd: 15.1.2(@types/node@20.10.6)(@types/react@18.2.47)(react@18.2.0)
       react-dom: 18.2.0(react@18.2.0)
       react-helmet: 6.1.0(react@18.2.0)
       react-intl: 6.4.1(react@18.2.0)(typescript@5.2.2)
       react-query: 3.39.3(react-dom@18.2.0)(react@18.2.0)
-      react-redux: 8.1.1(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0)(redux@4.2.1)
+      react-redux: 8.1.1(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)(redux@4.2.1)
       react-router-dom: 5.3.4(react@18.2.0)
-      react-select: 5.7.0(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0)
+      react-select: 5.7.0(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
       sharp: 0.32.6
       styled-components: 5.3.3(@babel/core@7.23.6)(react-dom@18.2.0)(react-is@18.2.0)(react@18.2.0)
       yup: 0.32.9
@@ -7573,8 +8347,8 @@ packages:
       - typescript
     dev: false
 
-  /@strapi/plugin-users-permissions@4.15.5(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@strapi/strapi@4.15.5)(@types/react-dom@18.2.18)(@types/react@18.2.45)(codemirror@6.0.1)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(redux@4.2.1)(styled-components@5.3.3)(typescript@5.2.2):
-    resolution: {integrity: sha512-OosP6xAtRlA+NS3tOy7M0zSsWj2Jk2NjOhoSSmU9tJj08GEIc3EJHkhqwNWK6qHgGt+d4qhPQ4ltTDZ06ZXEig==}
+  /@strapi/plugin-users-permissions@4.16.2(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@strapi/strapi@4.16.2)(@types/react-dom@18.2.18)(@types/react@18.2.47)(codemirror@6.0.1)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(redux@4.2.1)(styled-components@5.3.3)(typescript@5.2.2):
+    resolution: {integrity: sha512-27QZSKW1WpbKYt5I/+AkiIh9o6DDQE2nHilfln6bSaW5s3htM+tFR7vdTTjbHOhpMTD6kpqLFFhKVFoDcUP1Og==}
     engines: {node: '>=18.0.0 <=20.x.x', npm: '>=6.0.0'}
     peerDependencies:
       '@strapi/strapi': ^4.0.0
@@ -7583,11 +8357,11 @@ packages:
       react-router-dom: ^5.2.0
       styled-components: ^5.2.1
     dependencies:
-      '@strapi/design-system': 1.13.0(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@strapi/icons@1.13.0)(@types/react-dom@18.2.18)(@types/react@18.2.45)(codemirror@6.0.1)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3)
-      '@strapi/helper-plugin': 4.15.5(@strapi/design-system@1.13.0)(@strapi/icons@1.13.0)(@types/react@18.2.45)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3)(typescript@5.2.2)
+      '@strapi/design-system': 1.13.1(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@strapi/icons@1.13.0)(@types/react-dom@18.2.18)(@types/react@18.2.47)(codemirror@6.0.1)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3)
+      '@strapi/helper-plugin': 4.16.2(@strapi/design-system@1.13.1)(@strapi/icons@1.13.0)(@types/react@18.2.47)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3)(typescript@5.2.2)
       '@strapi/icons': 1.13.0(react-dom@18.2.0)(react@18.2.0)
-      '@strapi/strapi': 4.15.5(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@types/node@20.8.7)(@types/react-dom@18.2.18)(@types/react@18.2.45)(better-sqlite3@9.1.1)(codemirror@6.0.1)(pg@8.11.3)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(redux@4.2.1)(styled-components@5.3.3)
-      '@strapi/utils': 4.15.5
+      '@strapi/strapi': 4.16.2(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@types/node@20.10.6)(@types/react-dom@18.2.18)(@types/react@18.2.47)(better-sqlite3@9.2.2)(codemirror@6.0.1)(pg@8.11.3)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(redux@4.2.1)(styled-components@5.3.3)
+      '@strapi/utils': 4.16.2
       bcryptjs: 2.4.3
       formik: 2.4.0(react@18.2.0)
       grant-koa: 5.4.8(koa@2.13.4)
@@ -7603,7 +8377,7 @@ packages:
       react-dom: 18.2.0(react@18.2.0)
       react-intl: 6.4.1(react@18.2.0)(typescript@5.2.2)
       react-query: 3.39.3(react-dom@18.2.0)(react@18.2.0)
-      react-redux: 8.1.1(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0)(redux@4.2.1)
+      react-redux: 8.1.1(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)(redux@4.2.1)
       react-router-dom: 5.3.4(react@18.2.0)
       styled-components: 5.3.3(@babel/core@7.23.6)(react-dom@18.2.0)(react-is@18.2.0)(react@18.2.0)
       url-join: 4.0.1
@@ -7630,21 +8404,21 @@ packages:
       - typescript
     dev: false
 
-  /@strapi/provider-audit-logs-local@4.15.5:
-    resolution: {integrity: sha512-yScciKDdB4WrO5zHZVIsvH66T4R0cNT8ZWlvplA8cIxQyEihEnUJg0o/+fDz7er1+8iaZrZ1mX0BlG9bR242lw==}
+  /@strapi/provider-audit-logs-local@4.16.2:
+    resolution: {integrity: sha512-BAPX3v/EMlJVbuu0Ub7FkB0Pusl4pgVH0xujmxUeUeUnR9d4+Lkwjf4xJbr/6FSo9E+kVgHJrwVyhCg/pflIiQ==}
     engines: {node: '>=18.0.0 <=20.x.x', npm: '>=6.0.0'}
     dev: false
 
-  /@strapi/provider-email-sendmail@4.15.5:
-    resolution: {integrity: sha512-5+vxzyXCqBP3yyAJ83kfLG9wjPwWKQXhS7kdPKWsyArrojPCHISTzPsOsBQSQXiQuK2/ZvU6AX++U8voCGVtJQ==}
+  /@strapi/provider-email-sendmail@4.16.2:
+    resolution: {integrity: sha512-cRol7bABMawuwsf9CEqxS9fZVZR1VHUE64D0kXslVz/IviK/LixoO57F66BZlZ4mi8V7SS+L8jwPN6qRlOsxOA==}
     engines: {node: '>=18.0.0 <=20.x.x', npm: '>=6.0.0'}
     dependencies:
-      '@strapi/utils': 4.15.5
+      '@strapi/utils': 4.16.2
       sendmail: 1.6.1
     dev: false
 
-  /@strapi/provider-upload-aws-s3@4.15.5:
-    resolution: {integrity: sha512-ESRcznUpq6zK0kyKJsbwr63ykCCE3q6skdquhxYfyDwbnDjyWwQL22kVSHov+1yxV3If7hVrIBJouK77hfXaYA==}
+  /@strapi/provider-upload-aws-s3@4.16.2:
+    resolution: {integrity: sha512-CDvFDGZDPrweDDGHtLIT56c4FbI+nt6WtNQtoqW2f9jeHnHjUXNSGXBpkpviT1my7EmcTC59E9iA+uZqS8F3cA==}
     engines: {node: '>=18.0.0 <=20.x.x', npm: '>=6.0.0'}
     dependencies:
       '@aws-sdk/client-s3': 3.433.0
@@ -7656,37 +8430,38 @@ packages:
       - aws-crt
     dev: false
 
-  /@strapi/provider-upload-local@4.15.5:
-    resolution: {integrity: sha512-lGk5m5U/XnpI0YnjbWW2VezneU4tqHvXaKJ3eZJI6Axwkpu389O5574sKl2HcIPha1xUxK7tBpgJtkKBgmmpfA==}
+  /@strapi/provider-upload-local@4.16.2:
+    resolution: {integrity: sha512-fYUbAQxH3bHwKyA+36+0YBklL6mW/UG8lKrCKmA2cpHCTTIOU2VNnNSrfhIipaQaWsTf7/ZNYfgstRjuHjTayQ==}
     engines: {node: '>=18.0.0 <=20.x.x', npm: '>=6.0.0'}
     dependencies:
-      '@strapi/utils': 4.15.5
+      '@strapi/utils': 4.16.2
       fs-extra: 10.0.0
     dev: false
 
-  /@strapi/strapi@4.15.5(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@types/node@20.8.7)(@types/react-dom@18.2.18)(@types/react@18.2.45)(better-sqlite3@9.1.1)(codemirror@6.0.1)(pg@8.11.3)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(redux@4.2.1)(styled-components@5.3.3):
-    resolution: {integrity: sha512-XdGfnXXoeq18mjO2OXJi/tySwiKzfX1C5u/y30X3q21lVD5U+cAWS+WhZpUROIUOX0+nT6sWP6jjhRbRkac1oA==}
+  /@strapi/strapi@4.16.2(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@types/node@20.10.6)(@types/react-dom@18.2.18)(@types/react@18.2.47)(better-sqlite3@9.2.2)(codemirror@6.0.1)(pg@8.11.3)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(redux@4.2.1)(styled-components@5.3.3):
+    resolution: {integrity: sha512-ARYewyc6eL3LObR60XLFVTNEJJLt97CKvYlMBaE2PUEMYwcOYZEmhDng5fHNcEIIg+3vXQV7KKj4lTw+uFBQ1g==}
     engines: {node: '>=18.0.0 <=20.x.x', npm: '>=6.0.0'}
     hasBin: true
     requiresBuild: true
     dependencies:
       '@koa/cors': 3.4.3
       '@koa/router': 10.1.1
-      '@strapi/admin': 4.15.5(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@strapi/data-transfer@4.15.5)(@strapi/strapi@4.15.5)(@types/node@20.8.7)(@types/react-dom@18.2.18)(@types/react@18.2.45)(better-sqlite3@9.1.1)(codemirror@5.65.16)(debug@4.3.4)(pg@8.11.3)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(redux@4.2.1)(styled-components@5.3.3)
-      '@strapi/data-transfer': 4.15.5(@strapi/strapi@4.15.5)(better-sqlite3@9.1.1)(pg@8.11.3)
-      '@strapi/database': 4.15.5(better-sqlite3@9.1.1)(pg@8.11.3)
-      '@strapi/generate-new': 4.15.5
-      '@strapi/generators': 4.15.5
-      '@strapi/logger': 4.15.5
-      '@strapi/pack-up': 4.15.5(@types/node@20.8.7)
-      '@strapi/permissions': 4.15.5
-      '@strapi/plugin-content-manager': 4.15.5
-      '@strapi/plugin-content-type-builder': 4.15.5(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@strapi/strapi@4.15.5)(@types/react-dom@18.2.18)(@types/react@18.2.45)(codemirror@6.0.1)(debug@4.3.4)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(redux@4.2.1)(styled-components@5.3.3)(typescript@5.2.2)
-      '@strapi/plugin-email': 4.15.5(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@types/react-dom@18.2.18)(@types/react@18.2.45)(codemirror@6.0.1)(debug@4.3.4)(koa@2.13.4)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3)(typescript@5.2.2)
-      '@strapi/plugin-upload': 4.15.5(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@strapi/strapi@4.15.5)(@types/node@20.8.7)(@types/react-dom@18.2.18)(@types/react@18.2.45)(codemirror@6.0.1)(debug@4.3.4)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(redux@4.2.1)(styled-components@5.3.3)(typescript@5.2.2)
-      '@strapi/types': 4.15.5(better-sqlite3@9.1.1)(pg@8.11.3)
-      '@strapi/typescript-utils': 4.15.5
-      '@strapi/utils': 4.15.5
+      '@strapi/admin': 4.16.2(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@strapi/data-transfer@4.16.2)(@strapi/strapi@4.16.2)(@types/node@20.10.6)(@types/react-dom@18.2.18)(@types/react@18.2.47)(better-sqlite3@9.2.2)(codemirror@5.65.16)(debug@4.3.4)(pg@8.11.3)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(redux@4.2.1)(styled-components@5.3.3)
+      '@strapi/content-releases': 4.16.2(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@strapi/strapi@4.16.2)(@types/react-dom@18.2.18)(@types/react@18.2.47)(better-sqlite3@9.2.2)(codemirror@6.0.1)(debug@4.3.4)(pg@8.11.3)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(redux@4.2.1)(styled-components@5.3.3)(typescript@5.2.2)
+      '@strapi/data-transfer': 4.16.2(@strapi/strapi@4.16.2)(better-sqlite3@9.2.2)(pg@8.11.3)
+      '@strapi/database': 4.16.2(better-sqlite3@9.2.2)(pg@8.11.3)
+      '@strapi/generate-new': 4.16.2
+      '@strapi/generators': 4.16.2
+      '@strapi/logger': 4.16.2
+      '@strapi/pack-up': 4.16.2(@types/node@20.10.6)
+      '@strapi/permissions': 4.16.2
+      '@strapi/plugin-content-manager': 4.16.2
+      '@strapi/plugin-content-type-builder': 4.16.2(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@strapi/strapi@4.16.2)(@types/react-dom@18.2.18)(@types/react@18.2.47)(codemirror@6.0.1)(debug@4.3.4)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(redux@4.2.1)(styled-components@5.3.3)(typescript@5.2.2)
+      '@strapi/plugin-email': 4.16.2(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@types/react-dom@18.2.18)(@types/react@18.2.47)(codemirror@6.0.1)(debug@4.3.4)(koa@2.13.4)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3)(typescript@5.2.2)
+      '@strapi/plugin-upload': 4.16.2(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@strapi/strapi@4.16.2)(@types/node@20.10.6)(@types/react-dom@18.2.18)(@types/react@18.2.47)(codemirror@6.0.1)(debug@4.3.4)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(redux@4.2.1)(styled-components@5.3.3)(typescript@5.2.2)
+      '@strapi/types': 4.16.2(better-sqlite3@9.2.2)(pg@8.11.3)
+      '@strapi/typescript-utils': 4.16.2
+      '@strapi/utils': 4.16.2
       bcryptjs: 2.4.3
       boxen: 5.1.2
       chalk: 4.1.2
@@ -7778,16 +8553,16 @@ packages:
       - webpack-plugin-serve
     dev: false
 
-  /@strapi/types@4.15.5(better-sqlite3@9.1.1)(pg@8.11.3):
-    resolution: {integrity: sha512-mDG/zb8/pZO2+asjZ7YGAL8xopAhGq6TwMStxUSPPodHwLwQy/ewnIWWrigS6/cyWWv1+Py0F9mUvml5IpqyMw==}
+  /@strapi/types@4.16.2(better-sqlite3@9.2.2)(pg@8.11.3):
+    resolution: {integrity: sha512-pEi4zQybOL2PRds+4sFmoEr0DQlQxP4brlmYfI8VDQiC5RR/SfNkEExcPeZ8cvIUpYKUGrzpUExZ/QLxcbRUEg==}
     engines: {node: '>=18.0.0 <=20.x.x', npm: '>=6.0.0'}
     dependencies:
       '@koa/cors': 3.4.3
       '@koa/router': 10.1.1
-      '@strapi/database': 4.15.5(better-sqlite3@9.1.1)(pg@8.11.3)
-      '@strapi/logger': 4.15.5
-      '@strapi/permissions': 4.15.5
-      '@strapi/utils': 4.15.5
+      '@strapi/database': 4.16.2(better-sqlite3@9.2.2)(pg@8.11.3)
+      '@strapi/logger': 4.16.2
+      '@strapi/permissions': 4.16.2
+      '@strapi/utils': 4.16.2
       commander: 8.3.0
       https-proxy-agent: 5.0.1
       koa: 2.13.4
@@ -7805,8 +8580,8 @@ packages:
       - tedious
     dev: false
 
-  /@strapi/typescript-utils@4.15.5:
-    resolution: {integrity: sha512-zpH2npmIVgy4a8WyDeSY/zmaWXa9SWA2N7Qwx6rHGuI+sjCpExLG5CUxfpi8Tz6iMswRAkOHMtLEmiBmc9yAgg==}
+  /@strapi/typescript-utils@4.16.2:
+    resolution: {integrity: sha512-p8E4xvp8T5ZMQ9NNIsdgM5r31TrFbzHaDWbODOoPfvazUWtL5WEts/rmwS58HX6IYa+unuFgsYdECiosyoq3XQ==}
     engines: {node: '>=18.0.0 <=20.x.x', npm: '>=6.0.0'}
     dependencies:
       chalk: 4.1.2
@@ -7816,8 +8591,42 @@ packages:
       prettier: 2.8.4
       typescript: 5.2.2
 
-  /@strapi/ui-primitives@1.13.2(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0):
+  /@strapi/ui-primitives@1.13.2(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-Koaun6riXoTOvvlKNgFy44BVUfLfchgpabRhrNH/KfmBQQlhLCqJDQu023FcFQDQQ4XFO3DpvzDk8pCbmva7oQ==}
+    peerDependencies:
+      react: ^17.0.0 || ^18.0.0
+      react-dom: ^17.0.0 || ^18.0.0
+    dependencies:
+      '@radix-ui/number': 1.0.1
+      '@radix-ui/primitive': 1.0.1
+      '@radix-ui/react-collection': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-context': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-direction': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-dismissable-layer': 1.0.5(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-focus-guards': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-focus-scope': 1.0.4(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-id': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-popper': 1.1.3(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-portal': 1.0.4(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-slot': 1.0.2(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-use-previous': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-visually-hidden': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      aria-hidden: 1.2.3
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      react-remove-scroll: 2.5.7(@types/react@18.2.47)(react@18.2.0)
+    transitivePeerDependencies:
+      - '@types/react'
+      - '@types/react-dom'
+    dev: false
+
+  /@strapi/ui-primitives@1.14.0(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-M5RhM7/qVuu4gPvHWiSTOdI7bVDWK68aB+XyB/g1hGPqXL2Umsz8Iwn9bJPQk6YwCaHdrobaoB7lEDlfrlUAVA==}
     peerDependencies:
       react: ^17.0.0 || ^18.0.0
       react-dom: ^17.0.0 || ^18.0.0
@@ -7850,8 +8659,54 @@ packages:
       - '@types/react-dom'
     dev: false
 
-  /@strapi/utils@4.15.5:
-    resolution: {integrity: sha512-1ARIaMh7i/lWTkPVnDX/EuWCJrIq9IrlNwToDG4tnej5ZzqhGQVD4G4n+I4nKLDjXi6qhR+7AGpcgtchBoWtRw==}
+  /@strapi/ui-primitives@1.14.0(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-M5RhM7/qVuu4gPvHWiSTOdI7bVDWK68aB+XyB/g1hGPqXL2Umsz8Iwn9bJPQk6YwCaHdrobaoB7lEDlfrlUAVA==}
+    peerDependencies:
+      react: ^17.0.0 || ^18.0.0
+      react-dom: ^17.0.0 || ^18.0.0
+    dependencies:
+      '@radix-ui/number': 1.0.1
+      '@radix-ui/primitive': 1.0.1
+      '@radix-ui/react-collection': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-context': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-direction': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-dismissable-layer': 1.0.5(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-focus-guards': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-focus-scope': 1.0.4(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-id': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-popper': 1.1.3(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-portal': 1.0.4(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-slot': 1.0.2(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-use-previous': 1.0.1(@types/react@18.2.47)(react@18.2.0)
+      '@radix-ui/react-visually-hidden': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+      aria-hidden: 1.2.3
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      react-remove-scroll: 2.5.7(@types/react@18.2.47)(react@18.2.0)
+    transitivePeerDependencies:
+      - '@types/react'
+      - '@types/react-dom'
+    dev: false
+
+  /@strapi/utils@4.15.5:
+    resolution: {integrity: sha512-1ARIaMh7i/lWTkPVnDX/EuWCJrIq9IrlNwToDG4tnej5ZzqhGQVD4G4n+I4nKLDjXi6qhR+7AGpcgtchBoWtRw==}
+    engines: {node: '>=18.0.0 <=20.x.x', npm: '>=6.0.0'}
+    dependencies:
+      '@sindresorhus/slugify': 1.1.0
+      date-fns: 2.30.0
+      http-errors: 1.8.1
+      lodash: 4.17.21
+      p-map: 4.0.0
+      yup: 0.32.9
+    dev: false
+
+  /@strapi/utils@4.16.2:
+    resolution: {integrity: sha512-CuAXBXXke4j0OTVuQswZ8c/Mpeb9W1DhcBhYQpc8Cwn9NeII5VGE57TrIkXL3FCU8q4fcL3IrSLaftmL6/e3uQ==}
     engines: {node: '>=18.0.0 <=20.x.x', npm: '>=6.0.0'}
     dependencies:
       '@sindresorhus/slugify': 1.1.0
@@ -7990,24 +8845,24 @@ packages:
       defer-to-connect: 2.0.1
     dev: false
 
-  /@tailwindcss/aspect-ratio@0.4.2(tailwindcss@3.3.7):
+  /@tailwindcss/aspect-ratio@0.4.2(tailwindcss@3.4.1):
     resolution: {integrity: sha512-8QPrypskfBa7QIMuKHg2TA7BqES6vhBrDLOv8Unb6FcFyd3TjKbc6lcmb9UPQHxfl24sXoJ41ux/H7qQQvfaSQ==}
     peerDependencies:
       tailwindcss: '>=2.0.0 || >=3.0.0 || >=3.0.0-alpha.1'
     dependencies:
-      tailwindcss: 3.3.7(ts-node@10.9.2)
+      tailwindcss: 3.4.1(ts-node@10.9.2)
     dev: true
 
-  /@tailwindcss/forms@0.5.7(tailwindcss@3.3.7):
+  /@tailwindcss/forms@0.5.7(tailwindcss@3.4.1):
     resolution: {integrity: sha512-QE7X69iQI+ZXwldE+rzasvbJiyV/ju1FGHH0Qn2W3FKbuYtqp8LKcy6iSw79fVUT5/Vvf+0XgLCeYVG+UV6hOw==}
     peerDependencies:
       tailwindcss: '>=3.0.0 || >= 3.0.0-alpha.1'
     dependencies:
       mini-svg-data-uri: 1.4.4
-      tailwindcss: 3.3.7(ts-node@10.9.2)
+      tailwindcss: 3.4.1(ts-node@10.9.2)
     dev: true
 
-  /@tailwindcss/typography@0.5.10(tailwindcss@3.3.7):
+  /@tailwindcss/typography@0.5.10(tailwindcss@3.4.1):
     resolution: {integrity: sha512-Pe8BuPJQJd3FfRnm6H0ulKIGoMEQS+Vq01R6M5aCrFB/ccR/shT+0kXLjouGC1gFLm9hopTFN+DMP0pfwRWzPw==}
     peerDependencies:
       tailwindcss: '>=3.0.0 || insiders'
@@ -8016,7 +8871,7 @@ packages:
       lodash.isplainobject: 4.0.6
       lodash.merge: 4.6.2
       postcss-selector-parser: 6.0.10
-      tailwindcss: 3.3.7(ts-node@10.9.2)
+      tailwindcss: 3.4.1(ts-node@10.9.2)
     dev: true
 
   /@testing-library/dom@9.3.3:
@@ -8124,7 +8979,7 @@ packages:
     resolution: {integrity: sha512-fB3Zu92ucau0iQ0JMCFQE7b/dv8Ot07NI3KaZIkIUNXq82k4eBAqUaneXfleGY9JWskeS9y+u0nXMyspcuQrCg==}
     dependencies:
       '@types/connect': 3.4.38
-      '@types/node': 20.10.5
+      '@types/node': 20.10.6
     dev: true
 
   /@types/cacheable-request@6.0.3:
@@ -8132,7 +8987,7 @@ packages:
     dependencies:
       '@types/http-cache-semantics': 4.0.4
       '@types/keyv': 3.1.4
-      '@types/node': 20.10.5
+      '@types/node': 20.10.6
       '@types/responselike': 1.0.3
     dev: false
 
@@ -8143,13 +8998,13 @@ packages:
   /@types/connect@3.4.38:
     resolution: {integrity: sha512-K6uROf1LD88uDQqJCktA4yzL1YYAK6NgfsI0v/mTgyPKWsX1CnJ0XPSDhViejru1GcRkLWb8RlzFYJRqGUbaug==}
     dependencies:
-      '@types/node': 20.10.5
+      '@types/node': 20.10.6
     dev: true
 
   /@types/cross-spawn@6.0.6:
     resolution: {integrity: sha512-fXRhhUkG4H3TQk5dBhQ7m/JDdSNHKwR2BBia62lhwEIq9xGiQKLxd6LymNhn47SjXhsUEPmxi+PKw2OkW4LLjA==}
     dependencies:
-      '@types/node': 20.10.5
+      '@types/node': 20.10.6
     dev: true
 
   /@types/detect-port@1.3.5:
@@ -8198,7 +9053,7 @@ packages:
   /@types/express-serve-static-core@4.17.41:
     resolution: {integrity: sha512-OaJ7XLaelTgrvlZD8/aa0vvvxZdUmlCn6MtWeB7TkiKW70BQLc9XEPpDLPdbo52ZhXUCrznlWdCHWxJWtdyajA==}
     dependencies:
-      '@types/node': 20.10.5
+      '@types/node': 20.10.6
       '@types/qs': 6.9.10
       '@types/range-parser': 1.2.7
       '@types/send': 0.17.4
@@ -8224,20 +9079,20 @@ packages:
   /@types/formidable@1.2.8:
     resolution: {integrity: sha512-6psvrUy5VDYb+yaPJReF1WrRsz+FBwyJutK9Twz1Efa27tm07bARNIkK2B8ZPWq80dXqpKfrxTO96xrtPp+AuA==}
     dependencies:
-      '@types/node': 20.10.5
+      '@types/node': 20.10.6
     dev: false
 
   /@types/glob@7.2.0:
     resolution: {integrity: sha512-ZUxbzKl0IfJILTS6t7ip5fQQM/J3TJYubDm3nMbgubNNYS62eXeUpoLUC8/7fJNiFYHTrGPQn7hspDUzIHX3UA==}
     dependencies:
       '@types/minimatch': 5.1.2
-      '@types/node': 20.10.5
+      '@types/node': 20.10.6
     dev: false
 
   /@types/graceful-fs@4.1.9:
     resolution: {integrity: sha512-olP3sd1qOEe5dXTSaFvQG+02VdRXcdytWLAZsAq1PecU8uqQAhkrnbli7DagjtXKW/Bl7YJbUsa8MPcuc8LHEQ==}
     dependencies:
-      '@types/node': 20.10.5
+      '@types/node': 20.10.6
     dev: true
 
   /@types/history@4.7.11:
@@ -8247,7 +9102,7 @@ packages:
   /@types/hoist-non-react-statics@3.3.5:
     resolution: {integrity: sha512-SbcrWzkKBw2cdwRTwQAswfpB9g9LJWfjtUeW/jvNwbhC8cpmmNYVePa+ncbUe0rGTQ7G3Ff6mYUN2VMfLVr+Sg==}
     dependencies:
-      '@types/react': 18.2.45
+      '@types/react': 18.2.47
       hoist-non-react-statics: 3.3.2
 
   /@types/html-minifier-terser@6.1.0:
@@ -8261,8 +9116,8 @@ packages:
     resolution: {integrity: sha512-D0CFMMtydbJAegzOyHjtiKPLlvnm3iTZyZRSZoLq2mRhDdmLfIWOCYPfQJ4cu2erKghU++QvjcUjp/5h7hESpA==}
     dev: true
 
-  /@types/humanize-duration@3.27.3:
-    resolution: {integrity: sha512-wiiiFYjnrYDJE/ujU7wS/NShqp12IKrejozjDtcejP0zYi+cjyjVcfZHwcFUDKVJ7tHGsmgeW2ED92ABIIjfpg==}
+  /@types/humanize-duration@3.27.4:
+    resolution: {integrity: sha512-yaf7kan2Sq0goxpbcwTQ+8E9RP6HutFBPv74T/IA/ojcHKhuKVlk2YFYyHhWZeLvZPzzLE3aatuQB4h0iqyyUA==}
     dev: true
 
   /@types/inquirer@6.5.0:
@@ -8275,19 +9130,13 @@ packages:
   /@types/interpret@1.1.3:
     resolution: {integrity: sha512-uBaBhj/BhilG58r64mtDb/BEdH51HIQLgP5bmWzc5qCtFMja8dCk/IOJmk36j0lbi9QHwI6sbtUNGuqXdKCAtQ==}
     dependencies:
-      '@types/node': 20.10.5
+      '@types/node': 20.10.6
     dev: false
 
   /@types/is-hotkey@0.1.10:
     resolution: {integrity: sha512-RvC8KMw5BCac1NvRRyaHgMMEtBaZ6wh0pyPTBu7izn4Sj/AX9Y4aXU5c7rX8PnM/knsuUpC1IeoBkANtxBypsQ==}
     dev: false
 
-  /@types/is-stream@1.1.0:
-    resolution: {integrity: sha512-jkZatu4QVbR60mpIzjINmtS1ZF4a/FqdTUTBeQDVOQ2PYyidtwFKr0B5G6ERukKwliq+7mIXvxyppwzG5EgRYg==}
-    dependencies:
-      '@types/node': 20.10.5
-    dev: false
-
   /@types/istanbul-lib-coverage@2.0.6:
     resolution: {integrity: sha512-2QF/t/auWm0lsy8XtKVPG19v3sSOQlJe/YHZgfjb/KBBHOGSV+J2q/S671rcq9uTBrLAXmZpqJiaQbMT+zNU1w==}
     dev: true
@@ -8314,7 +9163,7 @@ packages:
   /@types/keyv@3.1.4:
     resolution: {integrity: sha512-BQ5aZNSCpj7D6K2ksrRCTmKRLEpnPvWDiLPfoGyhZ++8YtiK9d/3DBKPJgry359X/P1PfruyYwvnvwFjuEiEIg==}
     dependencies:
-      '@types/node': 20.10.5
+      '@types/node': 20.10.6
     dev: false
 
   /@types/liftoff@2.5.1:
@@ -8322,14 +9171,14 @@ packages:
     dependencies:
       '@types/fined': 1.1.5
       '@types/interpret': 1.1.3
-      '@types/node': 20.10.5
+      '@types/node': 20.10.6
     dev: false
 
   /@types/lodash@4.14.202:
     resolution: {integrity: sha512-OvlIYQK9tNneDlS0VN54LLd5uiPCBOp7gS5Z0f1mjoJYBrtStzgmJBxONW3U6OZqdtNzZPmn9BS/7WI7BFFcFQ==}
 
-  /@types/luxon@3.3.7:
-    resolution: {integrity: sha512-gKc9P2d4g5uYwmy4s/MO/yOVPmvHyvzka1YH6i5dM03UrFofHSmgc0D0ymbDRStFWHusk6cwwF6nhLm/ckBbbQ==}
+  /@types/luxon@3.4.0:
+    resolution: {integrity: sha512-PEVoA4MOfSsFNaPrZjIUGUZujBDxnO/tj2A2N9KfzlR+pNgpBdDuk0TmRvSMAVUP5q4q8IkMEZ8UOp3MIr+QgA==}
     dev: true
 
   /@types/mdx@2.0.10:
@@ -8355,7 +9204,7 @@ packages:
   /@types/node-fetch@2.6.9:
     resolution: {integrity: sha512-bQVlnMLFJ2d35DkPNjEPmd9ueO/rh5EiaZt2bhqiSarPjZIuIV6bPQVqcrEyvNo+AfTrRGVazle1tl597w3gfA==}
     dependencies:
-      '@types/node': 20.10.5
+      '@types/node': 20.10.6
       form-data: 4.0.0
     dev: true
 
@@ -8369,11 +9218,12 @@ packages:
     resolution: {integrity: sha512-nNPsNE65wjMxEKI93yOP+NPGGBJz/PoN3kZsVLee0XMiJolxSekEVD8wRwBUBqkwc7UWop0edW50yrCQW4CyRw==}
     dependencies:
       undici-types: 5.26.5
+    dev: true
 
-  /@types/node@20.8.7:
-    resolution: {integrity: sha512-21TKHHh3eUHIi2MloeptJWALuCu5H7HQTdTrWIFReA8ad+aggoX+lRes3ex7/FtpC+sVUpFMQ+QTfYr74mruiQ==}
+  /@types/node@20.10.6:
+    resolution: {integrity: sha512-Vac8H+NlRNNlAmDfGUP7b5h/KA+AtWIzuXy0E6OyP8f1tCLYAtPvKRRDJjAPqhpCb0t6U2j7/xqAuLEebW2kiw==}
     dependencies:
-      undici-types: 5.25.3
+      undici-types: 5.26.5
 
   /@types/normalize-package-data@2.4.4:
     resolution: {integrity: sha512-37i+OaWTh9qeK4LSHPsyRC7NahnGotNuZvjLSgcPzblpHB3rrCJxAOgI5gCdKm7coonsaX1Of0ILiTcnZjbfxA==}
@@ -8411,19 +9261,19 @@ packages:
   /@types/react-dom@18.2.18:
     resolution: {integrity: sha512-TJxDm6OfAX2KJWJdMEVTwWke5Sc/E/RlnPGvGfS0W7+6ocy2xhDVQVh/KvC2Uf7kACs+gDytdusDSdWfWkaNzw==}
     dependencies:
-      '@types/react': 18.2.45
+      '@types/react': 18.2.47
 
   /@types/react-responsive-masonry@2.1.3:
     resolution: {integrity: sha512-aOFUtv3QwNMmy0BgpQpvivQ/+vivMTB6ARrzf9eTSXsLzXpVnfEtjpHpSknYDnr8KaQmlgeauAj8E7wo/qMOTg==}
     dependencies:
-      '@types/react': 18.2.45
+      '@types/react': 18.2.47
     dev: true
 
   /@types/react-router-dom@5.3.3:
     resolution: {integrity: sha512-kpqnYK4wcdm5UaWI3fLcELopqLrHgLqNsdpHauzlQktfkHL3npOSwtj1Uz9oKBAzs7lFtVkV8j83voAz2D8fhw==}
     dependencies:
       '@types/history': 4.7.11
-      '@types/react': 18.2.45
+      '@types/react': 18.2.47
       '@types/react-router': 5.1.20
     dev: true
 
@@ -8431,13 +9281,13 @@ packages:
     resolution: {integrity: sha512-jGjmu/ZqS7FjSH6owMcD5qpq19+1RS9DeVRqfl1FeBMxTDQAGwlMWOcs52NDoXaNKyG3d1cYQFMs9rCrb88o9Q==}
     dependencies:
       '@types/history': 4.7.11
-      '@types/react': 18.2.45
+      '@types/react': 18.2.47
     dev: true
 
   /@types/react-transition-group@4.4.10:
     resolution: {integrity: sha512-hT/+s0VQs2ojCX823m60m5f0sL5idt9SO6Tj6Dg+rdphGPIeJbJ6CxvBYkgkGKrYeDjvIpKTR38UzmtHJOGW3Q==}
     dependencies:
-      '@types/react': 18.2.45
+      '@types/react': 18.2.47
     dev: false
 
   /@types/react@18.2.45:
@@ -8447,6 +9297,13 @@ packages:
       '@types/scheduler': 0.16.8
       csstype: 3.1.3
 
+  /@types/react@18.2.47:
+    resolution: {integrity: sha512-xquNkkOirwyCgoClNk85BjP+aqnIS+ckAJ8i37gAbDs14jfW/J23f2GItAf33oiUPQnqNMALiFeoM9Y5mbjpVQ==}
+    dependencies:
+      '@types/prop-types': 15.7.11
+      '@types/scheduler': 0.16.8
+      csstype: 3.1.3
+
   /@types/resolve@1.20.6:
     resolution: {integrity: sha512-A4STmOXPhMUtHH+S6ymgE2GiBSMqf4oTvcQZMcHzokuTLVYzXTB8ttjcgxOVaAp2lGwEdzZ0J+cRbbeevQj1UQ==}
     dev: true
@@ -8454,11 +9311,7 @@ packages:
   /@types/responselike@1.0.3:
     resolution: {integrity: sha512-H/+L+UkTV33uf49PH5pCAUBVPNj2nDBXTN+qS1dOwyyg24l3CcicicCA7ca+HMvJBZcFgl5r8e+RR6elsb4Lyw==}
     dependencies:
-      '@types/node': 20.10.5
-    dev: false
-
-  /@types/retry@0.12.0:
-    resolution: {integrity: sha512-wWKOClTTiizcZhXnPY4wikVAwmdYHp8q6DmC+EJUzAMsycb7HB32Kh9RN4+0gExjmPmZSAQjgURXIGATPegAvA==}
+      '@types/node': 20.10.6
     dev: false
 
   /@types/scheduler@0.16.8:
@@ -8472,7 +9325,7 @@ packages:
     resolution: {integrity: sha512-x2EM6TJOybec7c52BX0ZspPodMsQUd5L6PRwOunVyVUhXiBSKf3AezDL8Dgvgt5o0UfKNfuA0eMLr2wLT4AiBA==}
     dependencies:
       '@types/mime': 1.3.5
-      '@types/node': 20.10.5
+      '@types/node': 20.10.6
     dev: true
 
   /@types/serve-static@1.15.5:
@@ -8480,21 +9333,21 @@ packages:
     dependencies:
       '@types/http-errors': 2.0.4
       '@types/mime': 3.0.4
-      '@types/node': 20.10.5
+      '@types/node': 20.10.6
     dev: true
 
   /@types/styled-components@5.1.34:
     resolution: {integrity: sha512-mmiVvwpYklFIv9E8qfxuPyIt/OuyIrn6gMOAMOFUO3WJfSrSE+sGUoa4PiZj77Ut7bKZpaa6o1fBKS/4TOEvnA==}
     dependencies:
       '@types/hoist-non-react-statics': 3.3.5
-      '@types/react': 18.2.45
+      '@types/react': 18.2.47
       csstype: 3.1.3
     dev: true
 
   /@types/through@0.0.33:
     resolution: {integrity: sha512-HsJ+z3QuETzP3cswwtzt2vEIiHBk/dCcHGhbmG5X3ecnwFD/lPrMpliGXxSCg03L9AhrdwA4Oz/qfspkDW+xGQ==}
     dependencies:
-      '@types/node': 20.10.5
+      '@types/node': 20.10.6
     dev: false
 
   /@types/triple-beam@1.3.5:
@@ -8529,8 +9382,8 @@ packages:
       '@types/yargs-parser': 21.0.3
     dev: true
 
-  /@typescript-eslint/eslint-plugin@6.15.0(@typescript-eslint/parser@6.15.0)(eslint@8.56.0)(typescript@5.3.3):
-    resolution: {integrity: sha512-j5qoikQqPccq9QoBAupOP+CBu8BaJ8BLjaXSioDISeTZkVO3ig7oSIKh3H+rEpee7xCXtWwSB4KIL5l6hWZzpg==}
+  /@typescript-eslint/eslint-plugin@6.18.0(@typescript-eslint/parser@6.18.0)(eslint@8.56.0)(typescript@5.3.3):
+    resolution: {integrity: sha512-3lqEvQUdCozi6d1mddWqd+kf8KxmGq2Plzx36BlkjuQe3rSTm/O98cLf0A4uDO+a5N1KD2SeEEl6fW97YHY+6w==}
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       '@typescript-eslint/parser': ^6.0.0 || ^6.0.0-alpha
@@ -8541,11 +9394,11 @@ packages:
         optional: true
     dependencies:
       '@eslint-community/regexpp': 4.10.0
-      '@typescript-eslint/parser': 6.15.0(eslint@8.56.0)(typescript@5.3.3)
-      '@typescript-eslint/scope-manager': 6.15.0
-      '@typescript-eslint/type-utils': 6.15.0(eslint@8.56.0)(typescript@5.3.3)
-      '@typescript-eslint/utils': 6.15.0(eslint@8.56.0)(typescript@5.3.3)
-      '@typescript-eslint/visitor-keys': 6.15.0
+      '@typescript-eslint/parser': 6.18.0(eslint@8.56.0)(typescript@5.3.3)
+      '@typescript-eslint/scope-manager': 6.18.0
+      '@typescript-eslint/type-utils': 6.18.0(eslint@8.56.0)(typescript@5.3.3)
+      '@typescript-eslint/utils': 6.18.0(eslint@8.56.0)(typescript@5.3.3)
+      '@typescript-eslint/visitor-keys': 6.18.0
       debug: 4.3.4(supports-color@5.5.0)
       eslint: 8.56.0
       graphemer: 1.4.0
@@ -8558,8 +9411,8 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/parser@6.15.0(eslint@8.56.0)(typescript@5.3.3):
-    resolution: {integrity: sha512-MkgKNnsjC6QwcMdlNAel24jjkEO/0hQaMDLqP4S9zq5HBAUJNQB6y+3DwLjX7b3l2b37eNAxMPLwb3/kh8VKdA==}
+  /@typescript-eslint/parser@6.18.0(eslint@8.56.0)(typescript@5.3.3):
+    resolution: {integrity: sha512-v6uR68SFvqhNQT41frCMCQpsP+5vySy6IdgjlzUWoo7ALCnpaWYcz/Ij2k4L8cEsL0wkvOviCMpjmtRtHNOKzA==}
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       eslint: ^7.0.0 || ^8.0.0
@@ -8568,10 +9421,10 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/scope-manager': 6.15.0
-      '@typescript-eslint/types': 6.15.0
-      '@typescript-eslint/typescript-estree': 6.15.0(typescript@5.3.3)
-      '@typescript-eslint/visitor-keys': 6.15.0
+      '@typescript-eslint/scope-manager': 6.18.0
+      '@typescript-eslint/types': 6.18.0
+      '@typescript-eslint/typescript-estree': 6.18.0(typescript@5.3.3)
+      '@typescript-eslint/visitor-keys': 6.18.0
       debug: 4.3.4(supports-color@5.5.0)
       eslint: 8.56.0
       typescript: 5.3.3
@@ -8587,16 +9440,16 @@ packages:
       '@typescript-eslint/visitor-keys': 5.62.0
     dev: true
 
-  /@typescript-eslint/scope-manager@6.15.0:
-    resolution: {integrity: sha512-+BdvxYBltqrmgCNu4Li+fGDIkW9n//NrruzG9X1vBzaNK+ExVXPoGB71kneaVw/Jp+4rH/vaMAGC6JfMbHstVg==}
+  /@typescript-eslint/scope-manager@6.18.0:
+    resolution: {integrity: sha512-o/UoDT2NgOJ2VfHpfr+KBY2ErWvCySNUIX/X7O9g8Zzt/tXdpfEU43qbNk8LVuWUT2E0ptzTWXh79i74PP0twA==}
     engines: {node: ^16.0.0 || >=18.0.0}
     dependencies:
-      '@typescript-eslint/types': 6.15.0
-      '@typescript-eslint/visitor-keys': 6.15.0
+      '@typescript-eslint/types': 6.18.0
+      '@typescript-eslint/visitor-keys': 6.18.0
     dev: true
 
-  /@typescript-eslint/type-utils@6.15.0(eslint@8.56.0)(typescript@5.3.3):
-    resolution: {integrity: sha512-CnmHKTfX6450Bo49hPg2OkIm/D/TVYV7jO1MCfPYGwf6x3GO0VU8YMO5AYMn+u3X05lRRxA4fWCz87GFQV6yVQ==}
+  /@typescript-eslint/type-utils@6.18.0(eslint@8.56.0)(typescript@5.3.3):
+    resolution: {integrity: sha512-ZeMtrXnGmTcHciJN1+u2CigWEEXgy1ufoxtWcHORt5kGvpjjIlK9MUhzHm4RM8iVy6dqSaZA/6PVkX6+r+ChjQ==}
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       eslint: ^7.0.0 || ^8.0.0
@@ -8605,8 +9458,8 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/typescript-estree': 6.15.0(typescript@5.3.3)
-      '@typescript-eslint/utils': 6.15.0(eslint@8.56.0)(typescript@5.3.3)
+      '@typescript-eslint/typescript-estree': 6.18.0(typescript@5.3.3)
+      '@typescript-eslint/utils': 6.18.0(eslint@8.56.0)(typescript@5.3.3)
       debug: 4.3.4(supports-color@5.5.0)
       eslint: 8.56.0
       ts-api-utils: 1.0.3(typescript@5.3.3)
@@ -8620,8 +9473,8 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  /@typescript-eslint/types@6.15.0:
-    resolution: {integrity: sha512-yXjbt//E4T/ee8Ia1b5mGlbNj9fB9lJP4jqLbZualwpP2BCQ5is6BcWwxpIsY4XKAhmdv3hrW92GdtJbatC6dQ==}
+  /@typescript-eslint/types@6.18.0:
+    resolution: {integrity: sha512-/RFVIccwkwSdW/1zeMx3hADShWbgBxBnV/qSrex6607isYjj05t36P6LyONgqdUrNLl5TYU8NIKdHUYpFvExkA==}
     engines: {node: ^16.0.0 || >=18.0.0}
     dev: true
 
@@ -8646,8 +9499,8 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/typescript-estree@6.15.0(typescript@5.3.3):
-    resolution: {integrity: sha512-7mVZJN7Hd15OmGuWrp2T9UvqR2Ecg+1j/Bp1jXUEY2GZKV6FXlOIoqVDmLpBiEiq3katvj/2n2mR0SDwtloCew==}
+  /@typescript-eslint/typescript-estree@6.18.0(typescript@5.3.3):
+    resolution: {integrity: sha512-klNvl+Ql4NsBNGB4W9TZ2Od03lm7aGvTbs0wYaFYsplVPhr+oeXjlPZCDI4U9jgJIDK38W1FKhacCFzCC+nbIg==}
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       typescript: '*'
@@ -8655,11 +9508,12 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/types': 6.15.0
-      '@typescript-eslint/visitor-keys': 6.15.0
+      '@typescript-eslint/types': 6.18.0
+      '@typescript-eslint/visitor-keys': 6.18.0
       debug: 4.3.4(supports-color@5.5.0)
       globby: 11.1.0
       is-glob: 4.0.3
+      minimatch: 9.0.3
       semver: 7.5.4
       ts-api-utils: 1.0.3(typescript@5.3.3)
       typescript: 5.3.3
@@ -8687,8 +9541,8 @@ packages:
       - typescript
     dev: true
 
-  /@typescript-eslint/utils@6.15.0(eslint@8.56.0)(typescript@5.3.3):
-    resolution: {integrity: sha512-eF82p0Wrrlt8fQSRL0bGXzK5nWPRV2dYQZdajcfzOD9+cQz9O7ugifrJxclB+xVOvWvagXfqS4Es7vpLP4augw==}
+  /@typescript-eslint/utils@6.18.0(eslint@8.56.0)(typescript@5.3.3):
+    resolution: {integrity: sha512-wiKKCbUeDPGaYEYQh1S580dGxJ/V9HI7K5sbGAVklyf+o5g3O+adnS4UNJajplF4e7z2q0uVBaTdT/yLb4XAVA==}
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       eslint: ^7.0.0 || ^8.0.0
@@ -8696,9 +9550,9 @@ packages:
       '@eslint-community/eslint-utils': 4.4.0(eslint@8.56.0)
       '@types/json-schema': 7.0.15
       '@types/semver': 7.5.6
-      '@typescript-eslint/scope-manager': 6.15.0
-      '@typescript-eslint/types': 6.15.0
-      '@typescript-eslint/typescript-estree': 6.15.0(typescript@5.3.3)
+      '@typescript-eslint/scope-manager': 6.18.0
+      '@typescript-eslint/types': 6.18.0
+      '@typescript-eslint/typescript-estree': 6.18.0(typescript@5.3.3)
       eslint: 8.56.0
       semver: 7.5.4
     transitivePeerDependencies:
@@ -8714,11 +9568,11 @@ packages:
       eslint-visitor-keys: 3.4.3
     dev: true
 
-  /@typescript-eslint/visitor-keys@6.15.0:
-    resolution: {integrity: sha512-1zvtdC1a9h5Tb5jU9x3ADNXO9yjP8rXlaoChu0DQX40vf5ACVpYIVIZhIMZ6d5sDXH7vq4dsZBT1fEGj8D2n2w==}
+  /@typescript-eslint/visitor-keys@6.18.0:
+    resolution: {integrity: sha512-1wetAlSZpewRDb2h9p/Q8kRjdGuqdTAQbkJIOUMLug2LBLG+QOjiWoSj6/3B/hA9/tVTFFdtiKvAYoYnSRW/RA==}
     engines: {node: ^16.0.0 || >=18.0.0}
     dependencies:
-      '@typescript-eslint/types': 6.15.0
+      '@typescript-eslint/types': 6.18.0
       eslint-visitor-keys: 3.4.3
     dev: true
 
@@ -8835,7 +9689,7 @@ packages:
       '@babel/plugin-transform-react-jsx-source': 7.23.3(@babel/core@7.23.6)
       '@types/babel__core': 7.20.5
       react-refresh: 0.14.0
-      vite: 4.4.9(@types/node@20.8.7)
+      vite: 4.4.9(@types/node@20.10.6)
     transitivePeerDependencies:
       - supports-color
     dev: false
@@ -9420,7 +10274,7 @@ packages:
     hasBin: true
     dev: false
 
-  /autoprefixer@10.4.16(postcss@8.4.32):
+  /autoprefixer@10.4.16(postcss@8.4.33):
     resolution: {integrity: sha512-7vd3UC6xKp0HLfua5IjZlcXvGAGy7cBAXTg2lyQ/8WpNhd6SiZ8Be+xm3FyBSYJx5GKcpRCzBh7RH4/0dnY+uQ==}
     engines: {node: ^10 || ^12 || >=14}
     hasBin: true
@@ -9432,7 +10286,7 @@ packages:
       fraction.js: 4.3.7
       normalize-range: 0.1.2
       picocolors: 1.0.0
-      postcss: 8.4.32
+      postcss: 8.4.33
       postcss-value-parser: 4.2.0
     dev: true
 
@@ -9558,20 +10412,6 @@ packages:
       - supports-color
     dev: true
 
-  /babel-plugin-styled-components@2.1.4(@babel/core@7.23.6)(styled-components@5.3.11):
-    resolution: {integrity: sha512-Xgp9g+A/cG47sUyRwwYxGM4bR/jDRg5N6it/8+HxCnbT5XNKSKDT9xm4oag/osgqjC2It/vH0yXsomOG6k558g==}
-    peerDependencies:
-      styled-components: '>= 2'
-    dependencies:
-      '@babel/helper-annotate-as-pure': 7.22.5
-      '@babel/helper-module-imports': 7.22.15
-      '@babel/plugin-syntax-jsx': 7.23.3(@babel/core@7.23.6)
-      lodash: 4.17.21
-      picomatch: 2.3.1
-      styled-components: 5.3.11(@babel/core@7.23.6)(react-dom@18.2.0)(react-is@18.2.0)(react@18.2.0)
-    transitivePeerDependencies:
-      - '@babel/core'
-
   /babel-plugin-styled-components@2.1.4(@babel/core@7.23.6)(styled-components@5.3.3):
     resolution: {integrity: sha512-Xgp9g+A/cG47sUyRwwYxGM4bR/jDRg5N6it/8+HxCnbT5XNKSKDT9xm4oag/osgqjC2It/vH0yXsomOG6k558g==}
     peerDependencies:
@@ -9617,8 +10457,8 @@ packages:
       open: 8.4.2
     dev: true
 
-  /better-sqlite3@9.1.1:
-    resolution: {integrity: sha512-FhW7bS7cXwkB2SFnPJrSGPmQerVSCzwBgmQ1cIRcYKxLsyiKjljzCbyEqqhYXo5TTBqt5BISiBj2YE2Sy2ynaA==}
+  /better-sqlite3@9.2.2:
+    resolution: {integrity: sha512-qwjWB46il0lsDkeB4rSRI96HyDQr8sxeu1MkBVLMrwusq1KRu4Bpt1TMI+8zIJkDUtZ3umjAkaEjIlokZKWCQw==}
     requiresBuild: true
     dependencies:
       bindings: 1.5.0
@@ -9866,7 +10706,7 @@ packages:
     resolution: {integrity: sha512-nEh+kZOPY1w+gcCMobZ6ETUp9WfibndnosbpwB1iJk/8Gt5ZF2bhS6+B6bPYz424KtwsR6Rflc3tCz1/ghX2dQ==}
     engines: {node: '>=4.0'}
     dependencies:
-      '@types/node': 20.10.5
+      '@types/node': 20.10.6
     dev: true
 
   /buffer-writer@2.0.0:
@@ -10033,6 +10873,7 @@ packages:
 
   /camelize@1.0.1:
     resolution: {integrity: sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==}
+    dev: false
 
   /caniuse-lite@1.0.30001570:
     resolution: {integrity: sha512-+3e0ASu4sw1SWaoCtvPeyXp+5PsjigkSt8OXZbF9StH5pQWbxEjLAZE3n8Aup5udop1uRiKA7a4utUk/uoSpUw==}
@@ -10295,8 +11136,8 @@ packages:
     engines: {node: '>=0.8'}
     dev: false
 
-  /clsx@2.0.0:
-    resolution: {integrity: sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q==}
+  /clsx@2.1.0:
+    resolution: {integrity: sha512-m3iNNWpd9rl3jvvcBnu70ylMdrXt8Vlq4HYadnU5fwcOtvkSQWPmj7amUcDT2qYI7risszBjI5AUIUox9D16pg==}
     engines: {node: '>=6'}
     dev: false
 
@@ -10736,6 +11577,7 @@ packages:
   /css-color-keywords@1.0.0:
     resolution: {integrity: sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==}
     engines: {node: '>=4'}
+    dev: false
 
   /css-jss@10.10.0:
     resolution: {integrity: sha512-YyMIS/LsSKEGXEaVJdjonWe18p4vXLo8CMA4FrW/kcaEyqdIGKCFXao31gbJddXEdIxSXFFURWrenBJPlKTgAA==}
@@ -10751,12 +11593,12 @@ packages:
     peerDependencies:
       webpack: ^5.0.0
     dependencies:
-      icss-utils: 5.1.0(postcss@8.4.32)
-      postcss: 8.4.32
-      postcss-modules-extract-imports: 3.0.0(postcss@8.4.32)
-      postcss-modules-local-by-default: 4.0.3(postcss@8.4.32)
-      postcss-modules-scope: 3.0.0(postcss@8.4.32)
-      postcss-modules-values: 4.0.0(postcss@8.4.32)
+      icss-utils: 5.1.0(postcss@8.4.33)
+      postcss: 8.4.33
+      postcss-modules-extract-imports: 3.0.0(postcss@8.4.33)
+      postcss-modules-local-by-default: 4.0.3(postcss@8.4.33)
+      postcss-modules-scope: 3.0.0(postcss@8.4.33)
+      postcss-modules-values: 4.0.0(postcss@8.4.33)
       postcss-value-parser: 4.2.0
       semver: 7.5.4
       webpack: 5.89.0(@swc/core@1.3.101)(esbuild@0.18.20)
@@ -10786,6 +11628,7 @@ packages:
       camelize: 1.0.1
       css-color-keywords: 1.0.0
       postcss-value-parser: 4.2.0
+    dev: false
 
   /css-vendor@2.0.8:
     resolution: {integrity: sha512-x9Aq0XTInxrkuFeHKbYC7zWY8ai7qJ04Kxd9MnvbC1uO5DagxoHQjm4JvG+vCdXOoFtCjbL2XSZfxmoYa9uQVQ==}
@@ -10837,6 +11680,10 @@ packages:
       '@babel/runtime': 7.23.6
     dev: false
 
+  /date-fns@3.1.0:
+    resolution: {integrity: sha512-ZO7yefXV/wCWzd3I9haCHmfzlfA3i1a2HHO7ZXjtJrRjXt8FULKJ2Vl8wji3XYF4dQ0ZJ/tokXDZeYlFvgms9Q==}
+    dev: false
+
   /debounce@1.2.1:
     resolution: {integrity: sha512-XRRe6Glud4rd/ZGQfiV1ruXSfbvfJedlV9Y6zOlP+2K04vBYiJEte6stfFkCP03aMnY5tsipamumUjL14fofug==}
     dev: false
@@ -10946,7 +11793,7 @@ packages:
     resolution: {integrity: sha512-PLz38WIfWzVScbz4S+32vI9yCUAXy3cpkKSMPC+IDpvrwKrQ2TSzwkoBh7CJOkPjaX8ZMvjwAc+C5eTCPamQTg==}
     engines: {node: '>=12.0'}
     dependencies:
-      '@types/node': 20.10.5
+      '@types/node': 20.10.6
       axios: 1.6.2
       form-data: 3.0.1
       loglevel: 1.8.1
@@ -11761,8 +12608,8 @@ packages:
       eslint: 8.56.0
     dev: true
 
-  /eslint-config-next@14.0.1(eslint@8.56.0)(typescript@5.3.3):
-    resolution: {integrity: sha512-QfIFK2WD39H4WOespjgf6PLv9Bpsd7KGGelCtmq4l67nGvnlsGpuvj0hIT+aIy6p5gKH+lAChYILsyDlxP52yg==}
+  /eslint-config-next@14.0.4(eslint@8.56.0)(typescript@5.3.3):
+    resolution: {integrity: sha512-9/xbOHEQOmQtqvQ1UsTQZpnA7SlDMBtuKJ//S4JnoyK3oGLhILKXdBgu/UO7lQo/2xOykQULS1qQ6p2+EpHgAQ==}
     peerDependencies:
       eslint: ^7.23.0 || ^8.0.0
       typescript: '>=3.3.1'
@@ -11770,13 +12617,13 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@next/eslint-plugin-next': 14.0.1
+      '@next/eslint-plugin-next': 14.0.4
       '@rushstack/eslint-patch': 1.6.1
-      '@typescript-eslint/parser': 6.15.0(eslint@8.56.0)(typescript@5.3.3)
+      '@typescript-eslint/parser': 6.18.0(eslint@8.56.0)(typescript@5.3.3)
       eslint: 8.56.0
       eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.6.1(@typescript-eslint/parser@6.15.0)(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.1)(eslint@8.56.0)
-      eslint-plugin-import: 2.29.1(@typescript-eslint/parser@6.15.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.56.0)
+      eslint-import-resolver-typescript: 3.6.1(@typescript-eslint/parser@6.18.0)(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.1)(eslint@8.56.0)
+      eslint-plugin-import: 2.29.1(@typescript-eslint/parser@6.18.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.56.0)
       eslint-plugin-jsx-a11y: 6.8.0(eslint@8.56.0)
       eslint-plugin-react: 7.33.2(eslint@8.56.0)
       eslint-plugin-react-hooks: 4.6.0(eslint@8.56.0)
@@ -11796,7 +12643,7 @@ packages:
       eslint-plugin-promise: ^6.0.0
     dependencies:
       eslint: 8.56.0
-      eslint-plugin-import: 2.29.1(@typescript-eslint/parser@6.15.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.56.0)
+      eslint-plugin-import: 2.29.1(@typescript-eslint/parser@6.18.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.56.0)
       eslint-plugin-n: 16.4.0(eslint@8.56.0)
       eslint-plugin-promise: 6.1.1(eslint@8.56.0)
     dev: true
@@ -11811,7 +12658,7 @@ packages:
       - supports-color
     dev: true
 
-  /eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@6.15.0)(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.1)(eslint@8.56.0):
+  /eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@6.18.0)(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.1)(eslint@8.56.0):
     resolution: {integrity: sha512-xgdptdoi5W3niYeuQxKmzVDTATvLYqhpwmykwsh7f6HIOStGWEIL9iqZgQDF9u9OEzrRwR8no5q2VT+bjAujTg==}
     engines: {node: ^14.18.0 || >=16.0.0}
     peerDependencies:
@@ -11821,8 +12668,8 @@ packages:
       debug: 4.3.4(supports-color@5.5.0)
       enhanced-resolve: 5.15.0
       eslint: 8.56.0
-      eslint-module-utils: 2.8.0(@typescript-eslint/parser@6.15.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.56.0)
-      eslint-plugin-import: 2.29.1(@typescript-eslint/parser@6.15.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.56.0)
+      eslint-module-utils: 2.8.0(@typescript-eslint/parser@6.18.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.56.0)
+      eslint-plugin-import: 2.29.1(@typescript-eslint/parser@6.18.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.56.0)
       fast-glob: 3.3.2
       get-tsconfig: 4.7.2
       is-core-module: 2.13.1
@@ -11834,7 +12681,7 @@ packages:
       - supports-color
     dev: true
 
-  /eslint-module-utils@2.8.0(@typescript-eslint/parser@6.15.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.56.0):
+  /eslint-module-utils@2.8.0(@typescript-eslint/parser@6.18.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.56.0):
     resolution: {integrity: sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==}
     engines: {node: '>=4'}
     peerDependencies:
@@ -11855,11 +12702,11 @@ packages:
       eslint-import-resolver-webpack:
         optional: true
     dependencies:
-      '@typescript-eslint/parser': 6.15.0(eslint@8.56.0)(typescript@5.3.3)
+      '@typescript-eslint/parser': 6.18.0(eslint@8.56.0)(typescript@5.3.3)
       debug: 3.2.7
       eslint: 8.56.0
       eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.6.1(@typescript-eslint/parser@6.15.0)(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.1)(eslint@8.56.0)
+      eslint-import-resolver-typescript: 3.6.1(@typescript-eslint/parser@6.18.0)(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.1)(eslint@8.56.0)
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -11876,7 +12723,7 @@ packages:
       eslint-compat-utils: 0.1.2(eslint@8.56.0)
     dev: true
 
-  /eslint-plugin-import@2.29.1(@typescript-eslint/parser@6.15.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.56.0):
+  /eslint-plugin-import@2.29.1(@typescript-eslint/parser@6.18.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.56.0):
     resolution: {integrity: sha512-BbPC0cuExzhiMo4Ff1BTVwHpjjv28C5R+btTOGaCRC7UEz801up0JadwkeSk5Ued6TG34uaczuVuH6qyy5YUxw==}
     engines: {node: '>=4'}
     peerDependencies:
@@ -11886,7 +12733,7 @@ packages:
       '@typescript-eslint/parser':
         optional: true
     dependencies:
-      '@typescript-eslint/parser': 6.15.0(eslint@8.56.0)(typescript@5.3.3)
+      '@typescript-eslint/parser': 6.18.0(eslint@8.56.0)(typescript@5.3.3)
       array-includes: 3.1.7
       array.prototype.findlastindex: 1.2.3
       array.prototype.flat: 1.3.2
@@ -11895,7 +12742,7 @@ packages:
       doctrine: 2.1.0
       eslint: 8.56.0
       eslint-import-resolver-node: 0.3.9
-      eslint-module-utils: 2.8.0(@typescript-eslint/parser@6.15.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.56.0)
+      eslint-module-utils: 2.8.0(@typescript-eslint/parser@6.18.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.56.0)
       hasown: 2.0.0
       is-core-module: 2.13.1
       is-glob: 4.0.3
@@ -12022,7 +12869,7 @@ packages:
       - typescript
     dev: true
 
-  /eslint-plugin-unused-imports@3.0.0(@typescript-eslint/eslint-plugin@6.15.0)(eslint@8.56.0):
+  /eslint-plugin-unused-imports@3.0.0(@typescript-eslint/eslint-plugin@6.18.0)(eslint@8.56.0):
     resolution: {integrity: sha512-sduiswLJfZHeeBJ+MQaG+xYzSWdRXoSw61DpU13mzWumCkR0ufD0HmO4kdNokjrkluMHpj/7PJeN35pgbhW3kw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -12032,7 +12879,7 @@ packages:
       '@typescript-eslint/eslint-plugin':
         optional: true
     dependencies:
-      '@typescript-eslint/eslint-plugin': 6.15.0(@typescript-eslint/parser@6.15.0)(eslint@8.56.0)(typescript@5.3.3)
+      '@typescript-eslint/eslint-plugin': 6.18.0(@typescript-eslint/parser@6.18.0)(eslint@8.56.0)(typescript@5.3.3)
       eslint: 8.56.0
       eslint-rule-composer: 0.3.0
     dev: true
@@ -12163,14 +13010,6 @@ packages:
     engines: {node: '>=6'}
     dev: true
 
-  /eventemitter3@3.1.2:
-    resolution: {integrity: sha512-tvtQIeLVHjDkJYnzf2dgVMxfuSGJeM/7UCG17TT4EumTfNtF+0nebF/4zWOIkCreAbtNqhGEboB6BWrwqNaw4Q==}
-    dev: false
-
-  /eventemitter3@4.0.7:
-    resolution: {integrity: sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==}
-    dev: false
-
   /events@3.3.0:
     resolution: {integrity: sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==}
     engines: {node: '>=0.8.x'}
@@ -12648,15 +13487,6 @@ packages:
       webpack: 5.89.0(@swc/core@1.3.101)(esbuild@0.18.20)
     dev: true
 
-  /form-data@2.5.1:
-    resolution: {integrity: sha512-m21N3WOmEEURgk6B9GLOE4RuWOFf28Lhh9qGYeNlGq4VDXUlJy2th2slBNU8Gp8EzloYZOibZJ7t5ecIrFSjVA==}
-    engines: {node: '>= 0.12'}
-    dependencies:
-      asynckit: 0.4.0
-      combined-stream: 1.0.8
-      mime-types: 2.1.35
-    dev: false
-
   /form-data@3.0.1:
     resolution: {integrity: sha512-RHkBKtLWUVwd7SqRIvCZMEvAMoGUp0XU+seQiZejj0COz3RI3hWP4sCv3gZWWLjJTd7rGwcsF5eKZGii0r/hbg==}
     engines: {node: '>= 6'}
@@ -12715,8 +13545,8 @@ packages:
       map-cache: 0.2.2
     dev: false
 
-  /framer-motion@10.16.16(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-je6j91rd7NmUX7L1XHouwJ4v3R+SO4umso2LUcgOct3rHZ0PajZ80ETYZTajzEXEl9DlKyzjyt4AvGQ+lrebOw==}
+  /framer-motion@10.17.9(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-z2NpP8r+XuALoPA7ZVZHm/OoTnwkQNJFBu91sC86o/FYvJ4x7ar3eQnixgwYWFK7kEqOtQ6whtNM37tn1KrOOA==}
     peerDependencies:
       react: ^18.0.0
       react-dom: ^18.0.0
@@ -13563,13 +14393,13 @@ packages:
     dependencies:
       safer-buffer: 2.1.2
 
-  /icss-utils@5.1.0(postcss@8.4.32):
+  /icss-utils@5.1.0(postcss@8.4.33):
     resolution: {integrity: sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==}
     engines: {node: ^10 || ^12 || >= 14}
     peerDependencies:
       postcss: ^8.1.0
     dependencies:
-      postcss: 8.4.32
+      postcss: 8.4.33
 
   /ieee754@1.2.1:
     resolution: {integrity: sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==}
@@ -13880,10 +14710,6 @@ packages:
     hasBin: true
     dev: false
 
-  /is-electron@2.2.2:
-    resolution: {integrity: sha512-FO/Rhvz5tuw4MCWkpMzHFKWD2LsfHzIb7i6MdPYZ/KW7AlxawyLkqdy+jPZP1WubqEADE3O4FUENlJHDfQASRg==}
-    dev: false
-
   /is-extendable@0.1.1:
     resolution: {integrity: sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==}
     engines: {node: '>=0.10.0'}
@@ -14062,11 +14888,6 @@ packages:
       protocols: 2.0.1
     dev: false
 
-  /is-stream@1.1.0:
-    resolution: {integrity: sha512-uQPm8kcs47jx38atAcWTVxyltQYoPT68y9aWYdV6yWXSyW8mzSat0TL6CiWdZeCdF3KrAvpVtnHbTv4RN+rqdQ==}
-    engines: {node: '>=0.10.0'}
-    dev: false
-
   /is-stream@2.0.1:
     resolution: {integrity: sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==}
     engines: {node: '>=8'}
@@ -14244,7 +15065,7 @@ packages:
     dependencies:
       '@jest/types': 29.6.3
       '@types/graceful-fs': 4.1.9
-      '@types/node': 20.10.5
+      '@types/node': 20.10.6
       anymatch: 3.1.3
       fb-watchman: 2.0.2
       graceful-fs: 4.2.11
@@ -14262,7 +15083,7 @@ packages:
     engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0}
     dependencies:
       '@jest/types': 27.5.1
-      '@types/node': 20.10.5
+      '@types/node': 20.10.6
     dev: true
 
   /jest-regex-util@29.6.3:
@@ -14275,7 +15096,7 @@ packages:
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
     dependencies:
       '@jest/types': 29.6.3
-      '@types/node': 20.10.5
+      '@types/node': 20.10.6
       chalk: 4.1.2
       ci-info: 3.9.0
       graceful-fs: 4.2.11
@@ -14286,7 +15107,7 @@ packages:
     resolution: {integrity: sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==}
     engines: {node: '>= 10.13.0'}
     dependencies:
-      '@types/node': 20.10.5
+      '@types/node': 20.10.6
       merge-stream: 2.0.0
       supports-color: 8.1.1
 
@@ -14294,7 +15115,7 @@ packages:
     resolution: {integrity: sha512-eIz2msL/EzL9UFTFFx7jBTkeZfku0yUAyZZZmJ93H2TYEiroIx2PQjEXcwYtYl8zXCxb+PAmA2hLIt/6ZEkPHw==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
     dependencies:
-      '@types/node': 20.10.5
+      '@types/node': 20.10.6
       jest-util: 29.7.0
       merge-stream: 2.0.0
       supports-color: 8.1.1
@@ -14680,7 +15501,7 @@ packages:
     engines: {node: '>= 8'}
     dev: true
 
-  /knex@2.5.0(better-sqlite3@9.1.1)(pg@8.11.3):
+  /knex@2.5.0(better-sqlite3@9.2.2)(pg@8.11.3):
     resolution: {integrity: sha512-h6Ru3PJmZjCDUEqLgwQ/RJUu06Bz7MTzY6sD90udLIa9qwtC7Rnicr7TBiWSaswZmDqk4EZ8xysdg1fkvhYM6w==}
     engines: {node: '>=12'}
     hasBin: true
@@ -14708,7 +15529,7 @@ packages:
       tedious:
         optional: true
     dependencies:
-      better-sqlite3: 9.1.1
+      better-sqlite3: 9.2.2
       colorette: 2.0.19
       commander: 10.0.1
       debug: 4.3.4(supports-color@5.5.0)
@@ -15176,8 +15997,8 @@ packages:
     resolution: {integrity: sha512-Pn9cox5CsMYngeDbmChANltQl+5pi6XmTrraMSzhPmMBbmgcxmqWry0U3PGapCU1yB4/LqCcom7qhHZiF/jGfQ==}
     dev: false
 
-  /lucide-react@0.298.0(react@18.2.0):
-    resolution: {integrity: sha512-tWoxZ663Zf/n8VxXTHnTJsU/w1ysWT1LORnIL1pzqElFdSqBhWbZeJ3sLdCZ5FpzpbkpkYEtluhuTyG2BTDYNQ==}
+  /lucide-react@0.307.0(react@18.2.0):
+    resolution: {integrity: sha512-+vZ+vUiWPZTMnLHURg4aoIaz6NHOWXVVcVd8iLROu1k4LbyjcnHIKmbjXHCmulz7XAYLWRVXzhJJgIr+Aq3vOg==}
     peerDependencies:
       react: ^16.5.1 || ^17.0.0 || ^18.0.0
     dependencies:
@@ -15306,8 +16127,8 @@ packages:
       uc.micro: 1.0.6
     dev: false
 
-  /markdown-to-jsx@7.3.2(react@18.2.0):
-    resolution: {integrity: sha512-B+28F5ucp83aQm+OxNrPkS8z0tMKaeHiy0lHJs3LqCyDQFtWuenaIrkaVTgAm1pf1AU85LXltva86hlaT17i8Q==}
+  /markdown-to-jsx@7.4.0(react@18.2.0):
+    resolution: {integrity: sha512-zilc+MIkVVXPyTb4iIUTIz9yyqfcWjszGXnwF9K/aiBWcHXFcmdEMTkG01/oQhwSCH7SY1BnG6+ev5BzWmbPrg==}
     engines: {node: '>= 10'}
     peerDependencies:
       react: '>= 0.14.0'
@@ -15663,28 +16484,6 @@ packages:
   /neo-async@2.6.2:
     resolution: {integrity: sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==}
 
-  /next-translate-plugin@2.6.2(next-translate@2.6.2):
-    resolution: {integrity: sha512-qfvYG//QfP7b+A/xXGP9K+bdswkAFCabguemuEqjxu+j8pRNoF+jWKmepRXRaAcn1PqFLBj6PBvYkqD1r5k5Zw==}
-    engines: {node: '>=14.15.0'}
-    requiresBuild: true
-    peerDependencies:
-      next-translate: '>= 2.4.1'
-    dependencies:
-      next-translate: 2.6.2(next@14.0.4)(react@18.2.0)
-      typescript: 4.5.2
-    dev: false
-
-  /next-translate@2.6.2(next@14.0.4)(react@18.2.0):
-    resolution: {integrity: sha512-Dcfo2Vyw+Ds06+8BJM0RcV/lfN7R59kTY/NP+XJgSpcrFKZV6QJuKfS+K4+OHkKBdQnF3ZOT3wk1np9eZx/PEA==}
-    engines: {node: '>=16.10.0'}
-    peerDependencies:
-      next: '>= 13.2.5'
-      react: '>= 18.0.0'
-    dependencies:
-      next: 14.0.4(@babel/core@7.23.6)(react-dom@18.2.0)(react@18.2.0)
-      react: 18.2.0
-    dev: false
-
   /next@14.0.4(@babel/core@7.23.6)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-qbwypnM7327SadwFtxXnQdGiKpkuhaRLE2uq62/nRul9cj9KhQ5LhHmlziTNqUidZotw/Q1I9OjirBROdUJNgA==}
     engines: {node: '>=18.17.0'}
@@ -16238,11 +17037,6 @@ packages:
     engines: {node: '>=8'}
     dev: false
 
-  /p-finally@1.0.0:
-    resolution: {integrity: sha512-LICb2p9CB7FS+0eR1oqWnHhp0FljGLZCWBE9aix0Uye9W8LTQPwMTYVGWQWIw9RdQiDg4+epXQODwIYJtSJaow==}
-    engines: {node: '>=4'}
-    dev: false
-
   /p-is-promise@3.0.0:
     resolution: {integrity: sha512-Wo8VsW4IRQSKVXsJCn7TomUaVtyfjVDn3nUP7kE967BQk0CwFpdbZs0X0uk5sW9mkBa9eNM7hCMaG93WUAwxYQ==}
     engines: {node: '>=8'}
@@ -16305,29 +17099,6 @@ packages:
     dependencies:
       aggregate-error: 3.1.0
 
-  /p-queue@6.6.2:
-    resolution: {integrity: sha512-RwFpb72c/BhQLEXIZ5K2e+AhgNVmIejGlTgiB9MzZ0e93GRvqZ7uSi0dvRF7/XIXDeNkra2fNHBxTyPDGySpjQ==}
-    engines: {node: '>=8'}
-    dependencies:
-      eventemitter3: 4.0.7
-      p-timeout: 3.2.0
-    dev: false
-
-  /p-retry@4.6.2:
-    resolution: {integrity: sha512-312Id396EbJdvRONlngUx0NydfrIQ5lsYu0znKVUzVvArzEIt08V1qhtyESbGVd1FGX7UKtiFp5uwKZdM8wIuQ==}
-    engines: {node: '>=8'}
-    dependencies:
-      '@types/retry': 0.12.0
-      retry: 0.13.1
-    dev: false
-
-  /p-timeout@3.2.0:
-    resolution: {integrity: sha512-rhIwUycgwwKcP9yTOOFK/AKsAopjjCakVqLHePO3CC6Mir1Z99xT+R63jZxAT5lFZLa2inS5h+ZS2GvR99/FBg==}
-    engines: {node: '>=8'}
-    dependencies:
-      p-finally: 1.0.0
-    dev: false
-
   /p-try@2.2.0:
     resolution: {integrity: sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==}
     engines: {node: '>=6'}
@@ -16835,27 +17606,27 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: false
 
-  /postcss-import@15.1.0(postcss@8.4.32):
+  /postcss-import@15.1.0(postcss@8.4.33):
     resolution: {integrity: sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
       postcss: ^8.0.0
     dependencies:
-      postcss: 8.4.32
+      postcss: 8.4.33
       postcss-value-parser: 4.2.0
       read-cache: 1.0.0
       resolve: 1.22.8
 
-  /postcss-js@4.0.1(postcss@8.4.32):
+  /postcss-js@4.0.1(postcss@8.4.33):
     resolution: {integrity: sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==}
     engines: {node: ^12 || ^14 || >= 16}
     peerDependencies:
       postcss: ^8.4.21
     dependencies:
       camelcase-css: 2.0.1
-      postcss: 8.4.32
+      postcss: 8.4.33
 
-  /postcss-load-config@4.0.2(postcss@8.4.32)(ts-node@10.9.2):
+  /postcss-load-config@4.0.2(postcss@8.4.33)(ts-node@10.9.2):
     resolution: {integrity: sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==}
     engines: {node: '>= 14'}
     peerDependencies:
@@ -16868,11 +17639,11 @@ packages:
         optional: true
     dependencies:
       lilconfig: 3.0.0
-      postcss: 8.4.32
-      ts-node: 10.9.2(@types/node@20.8.7)(typescript@5.3.3)
+      postcss: 8.4.33
+      ts-node: 10.9.2(@types/node@20.10.6)(typescript@5.3.3)
       yaml: 2.3.4
 
-  /postcss-loader@7.3.3(postcss@8.4.32)(typescript@5.3.3)(webpack@5.89.0):
+  /postcss-loader@7.3.3(postcss@8.4.33)(typescript@5.3.3)(webpack@5.89.0):
     resolution: {integrity: sha512-YgO/yhtevGO/vJePCQmTxiaEwER94LABZN0ZMT4A0vsak9TpO+RvKRs7EmJ8peIlB9xfXCsS7M8LjqncsUZ5HA==}
     engines: {node: '>= 14.15.0'}
     peerDependencies:
@@ -16881,57 +17652,57 @@ packages:
     dependencies:
       cosmiconfig: 8.3.6(typescript@5.3.3)
       jiti: 1.21.0
-      postcss: 8.4.32
+      postcss: 8.4.33
       semver: 7.5.4
       webpack: 5.89.0(@swc/core@1.3.101)(esbuild@0.18.20)
     transitivePeerDependencies:
       - typescript
     dev: true
 
-  /postcss-modules-extract-imports@3.0.0(postcss@8.4.32):
+  /postcss-modules-extract-imports@3.0.0(postcss@8.4.33):
     resolution: {integrity: sha512-bdHleFnP3kZ4NYDhuGlVK+CMrQ/pqUm8bx/oGL93K6gVwiclvX5x0n76fYMKuIGKzlABOy13zsvqjb0f92TEXw==}
     engines: {node: ^10 || ^12 || >= 14}
     peerDependencies:
       postcss: ^8.1.0
     dependencies:
-      postcss: 8.4.32
+      postcss: 8.4.33
 
-  /postcss-modules-local-by-default@4.0.3(postcss@8.4.32):
+  /postcss-modules-local-by-default@4.0.3(postcss@8.4.33):
     resolution: {integrity: sha512-2/u2zraspoACtrbFRnTijMiQtb4GW4BvatjaG/bCjYQo8kLTdevCUlwuBHx2sCnSyrI3x3qj4ZK1j5LQBgzmwA==}
     engines: {node: ^10 || ^12 || >= 14}
     peerDependencies:
       postcss: ^8.1.0
     dependencies:
-      icss-utils: 5.1.0(postcss@8.4.32)
-      postcss: 8.4.32
+      icss-utils: 5.1.0(postcss@8.4.33)
+      postcss: 8.4.33
       postcss-selector-parser: 6.0.13
       postcss-value-parser: 4.2.0
 
-  /postcss-modules-scope@3.0.0(postcss@8.4.32):
+  /postcss-modules-scope@3.0.0(postcss@8.4.33):
     resolution: {integrity: sha512-hncihwFA2yPath8oZ15PZqvWGkWf+XUfQgUGamS4LqoP1anQLOsOJw0vr7J7IwLpoY9fatA2qiGUGmuZL0Iqlg==}
     engines: {node: ^10 || ^12 || >= 14}
     peerDependencies:
       postcss: ^8.1.0
     dependencies:
-      postcss: 8.4.32
+      postcss: 8.4.33
       postcss-selector-parser: 6.0.13
 
-  /postcss-modules-values@4.0.0(postcss@8.4.32):
+  /postcss-modules-values@4.0.0(postcss@8.4.33):
     resolution: {integrity: sha512-RDxHkAiEGI78gS2ofyvCsu7iycRv7oqw5xMWn9iMoR0N/7mf9D50ecQqUo5BZ9Zh2vH4bCUR/ktCqbB9m8vJjQ==}
     engines: {node: ^10 || ^12 || >= 14}
     peerDependencies:
       postcss: ^8.1.0
     dependencies:
-      icss-utils: 5.1.0(postcss@8.4.32)
-      postcss: 8.4.32
+      icss-utils: 5.1.0(postcss@8.4.33)
+      postcss: 8.4.33
 
-  /postcss-nested@6.0.1(postcss@8.4.32):
+  /postcss-nested@6.0.1(postcss@8.4.33):
     resolution: {integrity: sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==}
     engines: {node: '>=12.0'}
     peerDependencies:
       postcss: ^8.2.14
     dependencies:
-      postcss: 8.4.32
+      postcss: 8.4.33
       postcss-selector-parser: 6.0.13
 
   /postcss-selector-parser@6.0.10:
@@ -16960,8 +17731,8 @@ packages:
       picocolors: 1.0.0
       source-map-js: 1.0.2
 
-  /postcss@8.4.32:
-    resolution: {integrity: sha512-D/kj5JNu6oo2EIy+XL/26JEDTlIbB8hw85G8StOE6L74RQAVVP5rej6wxCNqyMbR4RkPfqvezVbPw81Ngd6Kcw==}
+  /postcss@8.4.33:
+    resolution: {integrity: sha512-Kkpbhhdjw2qQs2O2DGX+8m5OVqEcbB9HRBvuYM9pgrjEFUg30A9LmXNlTAUj4S9kgtGyrMbTzVjH7E+s5Re2yg==}
     engines: {node: ^10 || ^12 || >=14}
     dependencies:
       nanoid: 3.3.7
@@ -17104,7 +17875,7 @@ packages:
       react: '>=16.0.0'
     dependencies:
       '@types/prismjs': 1.26.3
-      clsx: 2.0.0
+      clsx: 2.1.0
       react: 18.2.0
     dev: false
 
@@ -17392,7 +18163,7 @@ packages:
       dnd-core: 15.1.2
     dev: false
 
-  /react-dnd@15.1.2(@types/node@20.8.7)(@types/react@18.2.45)(react@18.2.0):
+  /react-dnd@15.1.2(@types/node@20.10.6)(@types/react@18.2.47)(react@18.2.0):
     resolution: {integrity: sha512-EaSbMD9iFJDY/o48T3c8wn3uWU+2uxfFojhesZN3LhigJoAIvH2iOjxofSA9KbqhAKP6V9P853G6XG8JngKVtA==}
     peerDependencies:
       '@types/hoist-non-react-statics': '>= 3.3.1'
@@ -17409,8 +18180,8 @@ packages:
     dependencies:
       '@react-dnd/invariant': 3.0.1
       '@react-dnd/shallowequal': 3.0.1
-      '@types/node': 20.8.7
-      '@types/react': 18.2.45
+      '@types/node': 20.10.6
+      '@types/react': 18.2.47
       dnd-core: 15.1.2
       fast-deep-equal: 3.1.3
       hoist-non-react-statics: 3.3.2
@@ -17529,7 +18300,7 @@ packages:
       '@formatjs/intl-displaynames': 6.3.1
       '@formatjs/intl-listformat': 7.2.1
       '@types/hoist-non-react-statics': 3.3.5
-      '@types/react': 18.2.45
+      '@types/react': 18.2.47
       hoist-non-react-statics: 3.3.2
       intl-messageformat: 10.3.4
       react: 18.2.0
@@ -17552,7 +18323,7 @@ packages:
       '@formatjs/intl-displaynames': 6.3.1
       '@formatjs/intl-listformat': 7.2.1
       '@types/hoist-non-react-statics': 3.3.5
-      '@types/react': 18.2.45
+      '@types/react': 18.2.47
       hoist-non-react-statics: 3.3.2
       intl-messageformat: 10.3.4
       react: 18.2.0
@@ -17575,7 +18346,7 @@ packages:
       '@formatjs/intl-displaynames': 6.6.4
       '@formatjs/intl-listformat': 7.5.3
       '@types/hoist-non-react-statics': 3.3.5
-      '@types/react': 18.2.45
+      '@types/react': 18.2.47
       hoist-non-react-statics: 3.3.2
       intl-messageformat: 10.5.8
       react: 18.2.0
@@ -17635,7 +18406,7 @@ packages:
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /react-redux@8.1.1(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0)(redux@4.2.1):
+  /react-redux@8.1.1(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)(redux@4.2.1):
     resolution: {integrity: sha512-5W0QaKtEhj+3bC0Nj0NkqkhIv8gLADH/2kYFMTHxCVqQILiWzLv6MaLuV5wJU3BQEdHKzTfcvPN0WMS6SC1oyA==}
     peerDependencies:
       '@types/react': ^16.8 || ^17.0 || ^18.0
@@ -17658,7 +18429,7 @@ packages:
     dependencies:
       '@babel/runtime': 7.23.6
       '@types/hoist-non-react-statics': 3.3.5
-      '@types/react': 18.2.45
+      '@types/react': 18.2.47
       '@types/react-dom': 18.2.18
       '@types/use-sync-external-store': 0.0.3
       hoist-non-react-statics: 3.3.2
@@ -17688,6 +18459,22 @@ packages:
       react-style-singleton: 2.2.1(@types/react@18.2.45)(react@18.2.0)
       tslib: 2.6.2
 
+  /react-remove-scroll-bar@2.3.4(@types/react@18.2.47)(react@18.2.0):
+    resolution: {integrity: sha512-63C4YQBUt0m6ALadE9XV56hV8BgJWDmmTPY758iIJjfQKt2nYwoUrPk0LXRXcB/yIj82T1/Ixfdpdk68LwIB0A==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': ^16.8.0 || ^17.0.0 || ^18.0.0
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@types/react': 18.2.47
+      react: 18.2.0
+      react-style-singleton: 2.2.1(@types/react@18.2.47)(react@18.2.0)
+      tslib: 2.6.2
+    dev: false
+
   /react-remove-scroll@2.5.5(@types/react@18.2.45)(react@18.2.0):
     resolution: {integrity: sha512-ImKhrzJJsyXJfBZ4bzu8Bwpka14c/fQt0k+cyFp/PBhTfyDnU5hjOtM4AG/0AMyy8oKzOTR0lDgJIM7pYXI0kw==}
     engines: {node: '>=10'}
@@ -17706,6 +18493,25 @@ packages:
       use-callback-ref: 1.3.0(@types/react@18.2.45)(react@18.2.0)
       use-sidecar: 1.1.2(@types/react@18.2.45)(react@18.2.0)
 
+  /react-remove-scroll@2.5.5(@types/react@18.2.47)(react@18.2.0):
+    resolution: {integrity: sha512-ImKhrzJJsyXJfBZ4bzu8Bwpka14c/fQt0k+cyFp/PBhTfyDnU5hjOtM4AG/0AMyy8oKzOTR0lDgJIM7pYXI0kw==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': ^16.8.0 || ^17.0.0 || ^18.0.0
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@types/react': 18.2.47
+      react: 18.2.0
+      react-remove-scroll-bar: 2.3.4(@types/react@18.2.47)(react@18.2.0)
+      react-style-singleton: 2.2.1(@types/react@18.2.47)(react@18.2.0)
+      tslib: 2.6.2
+      use-callback-ref: 1.3.0(@types/react@18.2.47)(react@18.2.0)
+      use-sidecar: 1.1.2(@types/react@18.2.47)(react@18.2.0)
+    dev: false
+
   /react-remove-scroll@2.5.7(@types/react@18.2.45)(react@18.2.0):
     resolution: {integrity: sha512-FnrTWO4L7/Bhhf3CYBNArEG/yROV0tKmTv7/3h9QCFvH6sndeFf1wPqOcbFVu5VAulS5dV1wGT3GZZ/1GawqiA==}
     engines: {node: '>=10'}
@@ -17725,6 +18531,25 @@ packages:
       use-sidecar: 1.1.2(@types/react@18.2.45)(react@18.2.0)
     dev: false
 
+  /react-remove-scroll@2.5.7(@types/react@18.2.47)(react@18.2.0):
+    resolution: {integrity: sha512-FnrTWO4L7/Bhhf3CYBNArEG/yROV0tKmTv7/3h9QCFvH6sndeFf1wPqOcbFVu5VAulS5dV1wGT3GZZ/1GawqiA==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': ^16.8.0 || ^17.0.0 || ^18.0.0
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@types/react': 18.2.47
+      react: 18.2.0
+      react-remove-scroll-bar: 2.3.4(@types/react@18.2.47)(react@18.2.0)
+      react-style-singleton: 2.2.1(@types/react@18.2.47)(react@18.2.0)
+      tslib: 2.6.2
+      use-callback-ref: 1.3.0(@types/react@18.2.47)(react@18.2.0)
+      use-sidecar: 1.1.2(@types/react@18.2.47)(react@18.2.0)
+    dev: false
+
   /react-responsive-masonry@2.1.7:
     resolution: {integrity: sha512-/jOqnTVNtO8zRJMTl6ZXBex7EFYEIFBLVlkIFjiCT7omfm0CgNF2z4ST8RIr0v2ut15NWAQs7Q3kJJPhMoe3Ew==}
     dev: false
@@ -17780,6 +18605,27 @@ packages:
       - '@types/react'
     dev: false
 
+  /react-select@5.7.0(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-lJGiMxCa3cqnUr2Jjtg9YHsaytiZqeNOKeibv6WF5zbK/fPegZ1hg3y/9P1RZVLhqBTs0PfqQLKuAACednYGhQ==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+    dependencies:
+      '@babel/runtime': 7.23.6
+      '@emotion/cache': 11.11.0
+      '@emotion/react': 11.11.1(@types/react@18.2.47)(react@18.2.0)
+      '@floating-ui/dom': 1.5.3
+      '@types/react-transition-group': 4.4.10
+      memoize-one: 6.0.0
+      prop-types: 15.8.1
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      react-transition-group: 4.4.5(react-dom@18.2.0)(react@18.2.0)
+      use-isomorphic-layout-effect: 1.1.2(@types/react@18.2.47)(react@18.2.0)
+    transitivePeerDependencies:
+      - '@types/react'
+    dev: false
+
   /react-side-effect@2.1.2(react@18.2.0):
     resolution: {integrity: sha512-PVjOcvVOyIILrYoyGEpDN3vmYNLdy1CajSFNt4TDsVQC5KpTijDvWVoR+/7Rz2xT978D8/ZtFceXxzsPwZEDvw==}
     peerDependencies:
@@ -17804,6 +18650,23 @@ packages:
       react: 18.2.0
       tslib: 2.6.2
 
+  /react-style-singleton@2.2.1(@types/react@18.2.47)(react@18.2.0):
+    resolution: {integrity: sha512-ZWj0fHEMyWkHzKYUr2Bs/4zU6XLmq9HsgBURm7g5pAVfyn49DgUiNgY2d4lXRlYSiCif9YBGpQleewkcqddc7g==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': ^16.8.0 || ^17.0.0 || ^18.0.0
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@types/react': 18.2.47
+      get-nonce: 1.0.1
+      invariant: 2.2.4
+      react: 18.2.0
+      tslib: 2.6.2
+    dev: false
+
   /react-transition-group@4.4.5(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==}
     peerDependencies:
@@ -18207,7 +19070,7 @@ packages:
       adjust-sourcemap-loader: 4.0.0
       convert-source-map: 1.9.0
       loader-utils: 2.0.4
-      postcss: 8.4.32
+      postcss: 8.4.33
       source-map: 0.6.1
     dev: true
 
@@ -18259,11 +19122,6 @@ packages:
     engines: {node: '>=0.12'}
     dev: false
 
-  /retry@0.13.1:
-    resolution: {integrity: sha512-XQBQ3I8W1Cge0Seh+6gjj03LbmRFWuoszgK9ooCpwYIrhhoO80pfq4cUkU5DkknwfOfFteRwlZ56PYOGYyFWdg==}
-    engines: {node: '>= 4'}
-    dev: false
-
   /reusify@1.0.4:
     resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==}
     engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
@@ -18382,7 +19240,7 @@ packages:
       htmlparser2: 8.0.2
       is-plain-object: 5.0.0
       parse-srcset: 1.0.2
-      postcss: 8.4.32
+      postcss: 8.4.33
     dev: false
 
   /sass-loader@12.6.0(webpack@5.89.0):
@@ -18609,6 +19467,7 @@ packages:
 
   /shallowequal@1.1.0:
     resolution: {integrity: sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ==}
+    dev: false
 
   /sharp@0.30.7:
     resolution: {integrity: sha512-G+MY2YW33jgflKPTXXptVO28HvNOo9G3j0MybYAHeEmby+QuD2U98dT6ueht9cv/XDqZspSpIhoSW+BAKJ7Hig==}
@@ -18992,11 +19851,11 @@ packages:
     resolution: {integrity: sha512-siT1RiqlfQnGqgT/YzXVUNsom9S0H1OX+dpdGN1xkyYATo4I6sep5NmsRD/40s3IIOvlCq6akxkqG82urIZW1w==}
     dev: true
 
-  /storybook@7.6.6:
-    resolution: {integrity: sha512-PmJxpjGdLvDOHaRzqLOvcJ3ALQPaNeW6D5Lv7rPPVbuO24wdDzd/75dPRP7gJKYcGE0NnDZ6cLQq3UlCfbkIBA==}
+  /storybook@7.6.7:
+    resolution: {integrity: sha512-1Cd895dqYIT5MOUOCDlD73OTWoJubLq/sWC7AMzkMrLu76yD4Cu6f+wv1HDrRAheRaCaeT3yhYEhsMB6qHIcaA==}
     hasBin: true
     dependencies:
-      '@storybook/cli': 7.6.6
+      '@storybook/cli': 7.6.7
     transitivePeerDependencies:
       - bufferutil
       - encoding
@@ -19004,15 +19863,15 @@ packages:
       - utf-8-validate
     dev: true
 
-  /strapi-plugin-multi-select@1.2.2(@strapi/strapi@4.15.5):
-    resolution: {integrity: sha512-D10hSUzFn7TU3fwH7SUn4/2dsL/JtSgyLLz7S8ozBQbK+GPjOJU264h6lpGppURkxwdXbihJvGzutZlM0DzFVQ==}
+  /strapi-plugin-multi-select@1.2.3(@strapi/strapi@4.16.2):
+    resolution: {integrity: sha512-l5y5N3Hi1RcfRAtmQcAIn5u81amAQ+azWKgLcdzI1i3Hm5AZRCcZbtNDXb4ETsZUw7jvktRrD7F5QYOwzc8fiw==}
     peerDependencies:
       '@strapi/strapi': ^4.4.0
     dependencies:
-      '@strapi/strapi': 4.15.5(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@types/node@20.8.7)(@types/react-dom@18.2.18)(@types/react@18.2.45)(better-sqlite3@9.1.1)(codemirror@6.0.1)(pg@8.11.3)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(redux@4.2.1)(styled-components@5.3.3)
+      '@strapi/strapi': 4.16.2(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@types/node@20.10.6)(@types/react-dom@18.2.18)(@types/react@18.2.47)(better-sqlite3@9.2.2)(codemirror@6.0.1)(pg@8.11.3)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(redux@4.2.1)(styled-components@5.3.3)
     dev: false
 
-  /strapi-plugin-placeholder@4.4.0(@strapi/strapi@4.15.5)(mime-types@2.1.35)(sharp@0.30.7)(yup@0.32.11):
+  /strapi-plugin-placeholder@4.4.0(@strapi/strapi@4.16.2)(mime-types@2.1.35)(sharp@0.30.7)(yup@0.32.11):
     resolution: {integrity: sha512-ZeiRdXRlbZgm31IfxcXwwLAzeysXc5k+JftpR3mLIVtrOUuPtIvZy6Qp3fAqiupmPpi3NkweNv81QfwK1NzRRw==}
     engines: {node: '>=12.x.x <=18.x.x', npm: '>=6.0.0'}
     peerDependencies:
@@ -19021,7 +19880,7 @@ packages:
       sharp: ^0.30.1
       yup: ^0.32.9
     dependencies:
-      '@strapi/strapi': 4.15.5(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@types/node@20.8.7)(@types/react-dom@18.2.18)(@types/react@18.2.45)(better-sqlite3@9.1.1)(codemirror@6.0.1)(pg@8.11.3)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(redux@4.2.1)(styled-components@5.3.3)
+      '@strapi/strapi': 4.16.2(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@types/node@20.10.6)(@types/react-dom@18.2.18)(@types/react@18.2.47)(better-sqlite3@9.2.2)(codemirror@6.0.1)(pg@8.11.3)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(redux@4.2.1)(styled-components@5.3.3)
       mime-types: 2.1.35
       plaiceholder: 2.5.0(sharp@0.30.7)
       sharp: 0.30.7
@@ -19033,7 +19892,7 @@ packages:
     engines: {node: '>=14.19.1 <=20.x.x', npm: '>=6.0.0'}
     dev: false
 
-  /strapi-plugin-preview-button@2.2.1(@strapi/design-system@1.13.0)(@strapi/helper-plugin@4.15.5)(@strapi/icons@1.13.0)(@strapi/strapi@4.15.5)(@strapi/utils@4.15.5)(@types/react-dom@18.2.18)(@types/react@18.2.45)(lodash@4.17.21)(prop-types@15.8.1)(qs@6.11.2)(react-dom@18.2.0)(react-intl@6.5.5)(react-router-dom@5.3.4)(react@18.2.0)(redux@4.2.1):
+  /strapi-plugin-preview-button@2.2.1(@strapi/design-system@1.13.0)(@strapi/helper-plugin@4.16.2)(@strapi/icons@1.13.0)(@strapi/strapi@4.16.2)(@strapi/utils@4.16.2)(@types/react-dom@18.2.18)(@types/react@18.2.47)(lodash@4.17.21)(prop-types@15.8.1)(qs@6.11.2)(react-dom@18.2.0)(react-intl@6.5.5)(react-router-dom@5.3.4)(react@18.2.0)(redux@4.2.1):
     resolution: {integrity: sha512-UL5yaXY5hfQQUp0bj+TTM4EpfnC5G3W3+jvH75fMr0HI7ICqo+uc0QA9WabeG9GCnf5oLi6U7jK8EjIosYJ8Dg==}
     engines: {node: '>=16.0.0 <=20.x.x', npm: '>=6.0.0'}
     peerDependencies:
@@ -19049,11 +19908,11 @@ packages:
       react-intl: ^6.4.1
       react-router-dom: ^5.3.4
     dependencies:
-      '@strapi/design-system': 1.13.0(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@strapi/icons@1.13.0)(@types/react-dom@18.2.18)(@types/react@18.2.45)(codemirror@6.0.1)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3)
-      '@strapi/helper-plugin': 4.15.5(@strapi/design-system@1.13.0)(@strapi/icons@1.13.0)(@types/react@18.2.45)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3)(typescript@5.2.2)
+      '@strapi/design-system': 1.13.0(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@strapi/icons@1.13.0)(@types/react-dom@18.2.18)(@types/react@18.2.47)(codemirror@6.0.1)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3)
+      '@strapi/helper-plugin': 4.16.2(@strapi/design-system@1.13.0)(@strapi/icons@1.13.0)(@types/react@18.2.47)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3)(typescript@5.2.2)
       '@strapi/icons': 1.13.0(react-dom@18.2.0)(react@18.2.0)
-      '@strapi/strapi': 4.15.5(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@types/node@20.8.7)(@types/react-dom@18.2.18)(@types/react@18.2.45)(better-sqlite3@9.1.1)(codemirror@6.0.1)(pg@8.11.3)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(redux@4.2.1)(styled-components@5.3.3)
-      '@strapi/utils': 4.15.5
+      '@strapi/strapi': 4.16.2(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@types/node@20.10.6)(@types/react-dom@18.2.18)(@types/react@18.2.47)(better-sqlite3@9.2.2)(codemirror@6.0.1)(pg@8.11.3)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(redux@4.2.1)(styled-components@5.3.3)
+      '@strapi/utils': 4.16.2
       immer: 9.0.21
       lodash: 4.17.21
       prop-types: 15.8.1
@@ -19061,7 +19920,7 @@ packages:
       react: 18.2.0
       react-copy-to-clipboard: 5.1.0(react@18.2.0)
       react-intl: 6.5.5(react@18.2.0)(typescript@5.2.2)
-      react-redux: 8.1.1(@types/react-dom@18.2.18)(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0)(redux@4.2.1)
+      react-redux: 8.1.1(@types/react-dom@18.2.18)(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)(redux@4.2.1)
       react-router-dom: 5.3.4(react@18.2.0)
     transitivePeerDependencies:
       - '@types/react'
@@ -19071,12 +19930,12 @@ packages:
       - redux
     dev: false
 
-  /strapi-plugin-slugify@2.3.8(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@types/node@20.8.7)(@types/react-dom@18.2.18)(@types/react@18.2.45)(better-sqlite3@9.1.1)(codemirror@6.0.1)(pg@8.11.3)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(redux@4.2.1)(styled-components@5.3.3):
+  /strapi-plugin-slugify@2.3.8(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@types/node@20.10.6)(@types/react-dom@18.2.18)(@types/react@18.2.47)(better-sqlite3@9.2.2)(codemirror@6.0.1)(pg@8.11.3)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(redux@4.2.1)(styled-components@5.3.3):
     resolution: {integrity: sha512-lbC04NaVgy18nY0l4KI4ld6h1L5bGAvEe0H3hOdFnaksKRRu+rwTaB58oQQBqZtWu4lZ2n2dtMQJB/mSmFd8KA==}
     engines: {node: '>=18.0.0 <=20.x.x', npm: '>=6.0.0'}
     dependencies:
       '@sindresorhus/slugify': 1.1.0
-      '@strapi/strapi': 4.15.5(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@types/node@20.8.7)(@types/react-dom@18.2.18)(@types/react@18.2.45)(better-sqlite3@9.1.1)(codemirror@6.0.1)(pg@8.11.3)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(redux@4.2.1)(styled-components@5.3.3)
+      '@strapi/strapi': 4.16.2(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@types/node@20.10.6)(@types/react-dom@18.2.18)(@types/react@18.2.47)(better-sqlite3@9.2.2)(codemirror@6.0.1)(pg@8.11.3)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(redux@4.2.1)(styled-components@5.3.3)
       '@strapi/utils': 4.15.5
       lodash: 4.17.21
       yup: 0.32.11
@@ -19130,16 +19989,16 @@ packages:
       - webpack-plugin-serve
     dev: false
 
-  /strapi-plugin-translate@1.2.4(@strapi/design-system@1.13.0)(@strapi/icons@1.13.0)(@strapi/plugin-i18n@4.15.5)(@strapi/strapi@4.15.5)(@types/react@18.2.45)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3)(typescript@5.2.2):
+  /strapi-plugin-translate@1.2.4(@strapi/design-system@1.13.0)(@strapi/icons@1.13.0)(@strapi/plugin-i18n@4.16.2)(@strapi/strapi@4.16.2)(@types/react@18.2.47)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3)(typescript@5.2.2):
     resolution: {integrity: sha512-5jKDXAhS8Ee6/I9ODgh35B8I4Dzn33oRpCf182T0XohpLOOjFselxKZqYkbIkfad0JSkwjpNf9BXdLfKihNq3w==}
     engines: {node: '>=14 <=20', npm: '>=6.0.0'}
     peerDependencies:
       '@strapi/plugin-i18n': ^4.1.4
       '@strapi/strapi': ^4.1.4
     dependencies:
-      '@strapi/helper-plugin': 4.15.5(@strapi/design-system@1.13.0)(@strapi/icons@1.13.0)(@types/react@18.2.45)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3)(typescript@5.2.2)
-      '@strapi/plugin-i18n': 4.15.5(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@strapi/strapi@4.15.5)(@types/react-dom@18.2.18)(@types/react@18.2.45)(codemirror@6.0.1)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(redux@4.2.1)(styled-components@5.3.3)(typescript@5.2.2)
-      '@strapi/strapi': 4.15.5(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@types/node@20.8.7)(@types/react-dom@18.2.18)(@types/react@18.2.45)(better-sqlite3@9.1.1)(codemirror@6.0.1)(pg@8.11.3)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(redux@4.2.1)(styled-components@5.3.3)
+      '@strapi/helper-plugin': 4.15.5(@strapi/design-system@1.13.0)(@strapi/icons@1.13.0)(@types/react@18.2.47)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3)(typescript@5.2.2)
+      '@strapi/plugin-i18n': 4.16.2(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@strapi/strapi@4.16.2)(@types/react-dom@18.2.18)(@types/react@18.2.47)(codemirror@6.0.1)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(redux@4.2.1)(styled-components@5.3.3)(typescript@5.2.2)
+      '@strapi/strapi': 4.16.2(@babel/runtime@7.23.6)(@codemirror/autocomplete@6.11.1)(@codemirror/language@6.9.3)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.5)(@codemirror/state@6.3.3)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.22.3)(@types/node@20.10.6)(@types/react-dom@18.2.18)(@types/react@18.2.47)(better-sqlite3@9.2.2)(codemirror@6.0.1)(pg@8.11.3)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(redux@4.2.1)(styled-components@5.3.3)
       axios: 1.6.2
       bottleneck: 2.19.5
       jsdom: 21.1.2
@@ -19171,7 +20030,7 @@ packages:
       bottleneck: 2.19.5
       deepl-node: 1.11.0
       lodash: 4.17.21
-      strapi-plugin-translate: 1.2.4(@strapi/design-system@1.13.0)(@strapi/icons@1.13.0)(@strapi/plugin-i18n@4.15.5)(@strapi/strapi@4.15.5)(@types/react@18.2.45)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3)(typescript@5.2.2)
+      strapi-plugin-translate: 1.2.4(@strapi/design-system@1.13.0)(@strapi/icons@1.13.0)(@strapi/plugin-i18n@4.16.2)(@strapi/strapi@4.16.2)(@types/react@18.2.47)(react-dom@18.2.0)(react-router-dom@5.3.4)(react@18.2.0)(styled-components@5.3.3)(typescript@5.2.2)
     transitivePeerDependencies:
       - debug
     dev: false
@@ -19391,30 +20250,6 @@ packages:
     resolution: {integrity: sha512-Ca5ib8HrFn+f+0n4N4ScTIA9iTOQ7MaGS1ylHcoVqW9J7w2w8PzN6g9gKmTYgGEBH8e120+RCmhpje6jC5uGWA==}
     dev: false
 
-  /styled-components@5.3.11(@babel/core@7.23.6)(react-dom@18.2.0)(react-is@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-uuzIIfnVkagcVHv9nE0VPlHPSCmXIUGKfJ42LNjxCCTDTL5sgnJ8Z7GZBq0EnLYGln77tPpEpExt2+qa+cZqSw==}
-    engines: {node: '>=10'}
-    peerDependencies:
-      react: '>= 16.8.0'
-      react-dom: '>= 16.8.0'
-      react-is: '>= 16.8.0'
-    dependencies:
-      '@babel/helper-module-imports': 7.22.15
-      '@babel/traverse': 7.23.6(supports-color@5.5.0)
-      '@emotion/is-prop-valid': 1.2.1
-      '@emotion/stylis': 0.8.5
-      '@emotion/unitless': 0.7.5
-      babel-plugin-styled-components: 2.1.4(@babel/core@7.23.6)(styled-components@5.3.11)
-      css-to-react-native: 3.2.0
-      hoist-non-react-statics: 3.3.2
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
-      react-is: 18.2.0
-      shallowequal: 1.1.0
-      supports-color: 5.5.0
-    transitivePeerDependencies:
-      - '@babel/core'
-
   /styled-components@5.3.3(@babel/core@7.23.6)(react-dom@18.2.0)(react-is@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-++4iHwBM7ZN+x6DtPPWkCI4vdtwumQ+inA/DdAsqYd4SVgUKJie5vXyzotA00ttcFdQkCng7zc6grwlfIfw+lw==}
     engines: {node: '>=10'}
@@ -19547,22 +20382,22 @@ packages:
       split-text-to-chunks: 1.0.0
     dev: true
 
-  /tailwind-merge@2.1.0:
-    resolution: {integrity: sha512-l11VvI4nSwW7MtLSLYT4ldidDEUwQAMWuSHk7l4zcXZDgnCRa0V3OdCwFfM7DCzakVXMNRwAeje9maFFXT71dQ==}
+  /tailwind-merge@2.2.0:
+    resolution: {integrity: sha512-SqqhhaL0T06SW59+JVNfAqKdqLs0497esifRrZ7jOaefP3o64fdFNDMrAQWZFMxTLJPiHVjRLUywT8uFz1xNWQ==}
     dependencies:
       '@babel/runtime': 7.23.6
     dev: false
 
-  /tailwindcss-animate@1.0.7(tailwindcss@3.3.7):
+  /tailwindcss-animate@1.0.7(tailwindcss@3.4.1):
     resolution: {integrity: sha512-bl6mpH3T7I3UFxuvDEXLxy/VuFxBk5bbzplh7tXI68mwMokNYd1t9qPBHlnyTwfa4JGC4zP516I1hYYtQ/vspA==}
     peerDependencies:
       tailwindcss: '>=3.0.0 || insiders'
     dependencies:
-      tailwindcss: 3.3.7(ts-node@10.9.2)
+      tailwindcss: 3.4.1(ts-node@10.9.2)
     dev: false
 
-  /tailwindcss@3.3.7(ts-node@10.9.2):
-    resolution: {integrity: sha512-pjgQxDZPvyS/nG3ZYkyCvsbONJl7GdOejfm24iMt2ElYQQw8Jc4p0m8RdMp7mznPD0kUhfzwV3zAwa80qI0zmQ==}
+  /tailwindcss@3.4.1(ts-node@10.9.2):
+    resolution: {integrity: sha512-qAYmXRfk3ENzuPBakNK0SRrUDipP8NQnEY6772uDhflcQz5EhRdD7JNZxyrFHVQNCwULPBn6FNPp9brpO7ctcA==}
     engines: {node: '>=14.0.0'}
     hasBin: true
     dependencies:
@@ -19580,11 +20415,11 @@ packages:
       normalize-path: 3.0.0
       object-hash: 3.0.0
       picocolors: 1.0.0
-      postcss: 8.4.32
-      postcss-import: 15.1.0(postcss@8.4.32)
-      postcss-js: 4.0.1(postcss@8.4.32)
-      postcss-load-config: 4.0.2(postcss@8.4.32)(ts-node@10.9.2)
-      postcss-nested: 6.0.1(postcss@8.4.32)
+      postcss: 8.4.33
+      postcss-import: 15.1.0(postcss@8.4.33)
+      postcss-js: 4.0.1(postcss@8.4.33)
+      postcss-load-config: 4.0.2(postcss@8.4.33)(ts-node@10.9.2)
+      postcss-nested: 6.0.1(postcss@8.4.33)
       postcss-selector-parser: 6.0.13
       resolve: 1.22.8
       sucrase: 3.34.0
@@ -19943,7 +20778,7 @@ packages:
   /ts-interface-checker@0.1.13:
     resolution: {integrity: sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==}
 
-  /ts-node@10.9.2(@types/node@20.8.7)(typescript@5.3.3):
+  /ts-node@10.9.2(@types/node@20.10.6)(typescript@5.3.3):
     resolution: {integrity: sha512-f0FFpIdcHgn8zcPSbf1dRevwt047YMnaiJM3u2w2RewrB+fob/zePZcrOyQoLMMO7aBIddLcQIEK5dYjkLnGrQ==}
     hasBin: true
     peerDependencies:
@@ -19962,7 +20797,7 @@ packages:
       '@tsconfig/node12': 1.0.11
       '@tsconfig/node14': 1.0.3
       '@tsconfig/node16': 1.0.4
-      '@types/node': 20.8.7
+      '@types/node': 20.10.6
       acorn: 8.11.2
       acorn-walk: 8.3.1
       arg: 4.1.3
@@ -20150,12 +20985,6 @@ packages:
     resolution: {integrity: sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==}
     dev: true
 
-  /typescript@4.5.2:
-    resolution: {integrity: sha512-5BlMof9H1yGt0P8/WF+wPNw6GfctgGjXp5hkblpyT+8rkASSmkUKMXrxR0Xg8ThVCi/JnHQiKXeBaEwCeQwMFw==}
-    engines: {node: '>=4.2.0'}
-    hasBin: true
-    dev: false
-
   /typescript@5.2.2:
     resolution: {integrity: sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==}
     engines: {node: '>=14.17'}
@@ -20203,9 +21032,6 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: false
 
-  /undici-types@5.25.3:
-    resolution: {integrity: sha512-Ga1jfYwRn7+cP9v8auvEXN1rX3sWqlayd4HP7OKk4mZWylEmu3KzXDUGrQUN6Ol7qo1gPvB2e5gX6udnyEPgdA==}
-
   /undici-types@5.26.5:
     resolution: {integrity: sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==}
 
@@ -20383,6 +21209,21 @@ packages:
       react: 18.2.0
       tslib: 2.6.2
 
+  /use-callback-ref@1.3.0(@types/react@18.2.47)(react@18.2.0):
+    resolution: {integrity: sha512-3FT9PRuRdbB9HfXhEq35u4oZkvpJ5kuYbpqhCfmiZyReuRgpnhDlbr2ZEnnuS0RrJAPn6l23xjFg9kpDM+Ms7w==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': ^16.8.0 || ^17.0.0 || ^18.0.0
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@types/react': 18.2.47
+      react: 18.2.0
+      tslib: 2.6.2
+    dev: false
+
   /use-isomorphic-layout-effect@1.1.2(@types/react@18.2.45)(react@18.2.0):
     resolution: {integrity: sha512-49L8yCO3iGT/ZF9QttjwLF/ZD9Iwto5LnH5LmEdk/6cFmXddqi2ulF0edxTwjj+7mqvpVVGQWvbXZdn32wRSHA==}
     peerDependencies:
@@ -20396,6 +21237,19 @@ packages:
       react: 18.2.0
     dev: false
 
+  /use-isomorphic-layout-effect@1.1.2(@types/react@18.2.47)(react@18.2.0):
+    resolution: {integrity: sha512-49L8yCO3iGT/ZF9QttjwLF/ZD9Iwto5LnH5LmEdk/6cFmXddqi2ulF0edxTwjj+7mqvpVVGQWvbXZdn32wRSHA==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@types/react': 18.2.47
+      react: 18.2.0
+    dev: false
+
   /use-resize-observer@9.1.0(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-R25VqO9Wb3asSD4eqtcxk8sJalvIOYBqS8MNZlpDSQ4l4xMQxC/J7Id9HoTqPq8FwULIn0PVW+OAqF2dyYbjow==}
     peerDependencies:
@@ -20422,6 +21276,22 @@ packages:
       react: 18.2.0
       tslib: 2.6.2
 
+  /use-sidecar@1.1.2(@types/react@18.2.47)(react@18.2.0):
+    resolution: {integrity: sha512-epTbsLuzZ7lPClpz2TyryBfztm7m+28DlEv2ZCQ3MDr5ssiwyOwGH/e5F9CkfWjJ1t4clvI58yF822/GUkjjhw==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': ^16.9.0 || ^17.0.0 || ^18.0.0
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@types/react': 18.2.47
+      detect-node-es: 1.1.0
+      react: 18.2.0
+      tslib: 2.6.2
+    dev: false
+
   /use-sync-external-store@1.2.0(react@18.2.0):
     resolution: {integrity: sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==}
     peerDependencies:
@@ -20499,7 +21369,7 @@ packages:
     resolution: {integrity: sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==}
     engines: {node: '>= 0.8'}
 
-  /vite@4.4.9(@types/node@20.8.7):
+  /vite@4.4.9(@types/node@20.10.6):
     resolution: {integrity: sha512-2mbUn2LlUmNASWwSCNSJ/EG2HuSRTnVNaydp6vMCm5VIqJsjMfbIWtbH2kDuwUVW5mMUKKZvGPX/rqeqVvv1XA==}
     engines: {node: ^14.18.0 || >=16.0.0}
     hasBin: true
@@ -20527,9 +21397,9 @@ packages:
       terser:
         optional: true
     dependencies:
-      '@types/node': 20.8.7
+      '@types/node': 20.10.6
       esbuild: 0.18.20
-      postcss: 8.4.32
+      postcss: 8.4.33
       rollup: 3.29.4
     optionalDependencies:
       fsevents: 2.3.3

From 9231dae2514ad7dfcaf870678956600b1d31c9cc Mon Sep 17 00:00:00 2001
From: Sandro Pereira <38382721+54nd10@users.noreply.github.com>
Date: Tue, 9 Jan 2024 10:14:39 +0000
Subject: [PATCH 66/66] wip

---
 apps/www/src/components/ui/atoms/button/index.tsx            | 3 ++-
 apps/www/src/components/ui/molecules/markdown/index.tsx      | 5 +++--
 .../contact-sections/contact-split-with-pattern/index.tsx    | 3 +--
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/apps/www/src/components/ui/atoms/button/index.tsx b/apps/www/src/components/ui/atoms/button/index.tsx
index dfda10a9..a7d6bf5a 100644
--- a/apps/www/src/components/ui/atoms/button/index.tsx
+++ b/apps/www/src/components/ui/atoms/button/index.tsx
@@ -1,5 +1,6 @@
 import {ButtonProps, ButtonPropsImpl} from './button.model'
 import {Fragment, JSXElementConstructor, forwardRef, isValidElement} from 'react'
+import {PropsWithChildren} from 'react'
 import {Slot} from '@radix-ui/react-slot'
 import {cn} from '@/utils/toolbox'
 import Spinner from '@/components/ui/svgs/icons/spinner'
@@ -16,7 +17,7 @@ function Button(props: ButtonPropsImpl, ref: React.ForwardedRef<HTMLButtonElemen
 
   if (isValidElement(buttonPropsChildren) && buttonProps.asChild) {
     ChildType = buttonPropsChildren.type
-    childProps = buttonPropsChildren.props
+    childProps = buttonPropsChildren.props as PropsWithChildren<unknown>
     children = childProps.children
   }
 
diff --git a/apps/www/src/components/ui/molecules/markdown/index.tsx b/apps/www/src/components/ui/molecules/markdown/index.tsx
index 50050c77..576fbec4 100644
--- a/apps/www/src/components/ui/molecules/markdown/index.tsx
+++ b/apps/www/src/components/ui/molecules/markdown/index.tsx
@@ -1,5 +1,6 @@
 'use client'
 
+import {ReactNode} from 'react'
 import {Tweet} from 'react-twitter-widgets'
 import {cn, getTweetId, isFromTwitter} from '@/utils/toolbox'
 import Bookmark from '../bookmark'
@@ -18,7 +19,7 @@ export default function MarkdownViewer({content, className}: MarkdownViewerProps
       <div className={cn('w-full px-4 leading-6 prose prose-invert max-w-7xl prose-config', className)}>
         <Markdown
           options={{
-            createElement(type, props: React.HTMLProps<HTMLDivElement>, children: React.ReactNode) {
+            createElement(type, props: React.HTMLProps<HTMLDivElement>, children) {
               const element = Array.isArray(children) ? children[0] : children
               props.className = cn(props.className, element?.type === 'img' ? 'bg-white' : '')
               if (element === 'video') {
@@ -55,7 +56,7 @@ export default function MarkdownViewer({content, className}: MarkdownViewerProps
                   />
                 )
               } else {
-                return React.createElement(type, props, children)
+                return React.createElement(type.toString(), props, children as ReactNode)
               }
             }
           }}
diff --git a/apps/www/src/components/ui/organisms/contact-sections/contact-split-with-pattern/index.tsx b/apps/www/src/components/ui/organisms/contact-sections/contact-split-with-pattern/index.tsx
index bd0b81c5..7ce41e14 100644
--- a/apps/www/src/components/ui/organisms/contact-sections/contact-split-with-pattern/index.tsx
+++ b/apps/www/src/components/ui/organisms/contact-sections/contact-split-with-pattern/index.tsx
@@ -93,7 +93,6 @@ export default function ContactSplitWithPattern(props: ContactSplitWithPatternPr
   }
 
   async function onSubmit(data: contactUsFormData) {
-    console.log(data)
     try {
       await sendEmail(createHsformsPayload(data))
       Router.push('#contact-section')
@@ -151,7 +150,7 @@ export default function ContactSplitWithPattern(props: ContactSplitWithPatternPr
               />
             )}
             {showThanksMessage ? (
-              <div className='flex flex-col items-center justify-center'>
+              <div className='flex flex-col items-center justify-center h-full'>
                 <CheckCircleIcon className='mx-auto text-white w-14 h-14' />
                 <h3 className='mt-2 text-sm font-semibold text-white'>{props.dictionary.messageSent}</h3>
                 <p className='max-w-xs text-sm text-center text-gray-300'>{props.dictionary.messageSentThanks}</p>