feat: upgrade Storybook to version 9 (#17077)

Upgraded from 8.6.15 to 9.1.17 in two steps: 
- 8.6.15 -> 9.0.0 
- 9.0.0  -> 9.1.17

I had to disable `storybook-addon-cookie` since it is not supported for
Storybook 9. However, I do intend to upgrade to Storybook 10 when this
is merged, so we can replace the aforementioned add-on with this fork
specifically created to support Storybook 10 and above:
https://www.npmjs.com/package/@storybook-community/storybook-addon-cookie.

Additionally, once we upgrade to Version 10 successfully, I will start
looking into integrating the official Vitest add-on.

packages/twenty-ui/src/input/button/components/__stories__/AnimatedLightIconButton.stories.tsx

@@ -1,4 +1,4 @@
-import { type Meta, type StoryObj } from '@storybook/react';
+import { type Meta, type StoryObj } from '@storybook/react-vite';
 import { IconSearch } from '@ui/display';
 import {
   type LightIconButtonAccent,

packages/twenty-ui/src/input/button/components/__stories__/Button.docs.mdx

@@ -1,6 +1,6 @@
 {/* Button.mdx */}
 
-import { Meta, Controls, Story } from '@storybook/blocks';
+import { Meta, Controls, Story } from '@storybook/addon-docs/blocks';
 import * as ButtonStories from './Button.stories';
 
 <Meta of={ButtonStories} />

packages/twenty-ui/src/input/button/components/__stories__/Button.stories.tsx

@@ -1,4 +1,4 @@
-import { type Meta, type StoryObj } from '@storybook/react';
+import { type Meta, type StoryObj } from '@storybook/react-vite';
 import { IconReload, IconSearch } from '@ui/display';
 import {
   CatalogDecorator,

packages/twenty-ui/src/input/button/components/__stories__/ButtonGroup.stories.tsx

@@ -1,4 +1,4 @@
-import { type Meta, type StoryObj } from '@storybook/react';
+import { type Meta, type StoryObj } from '@storybook/react-vite';
 import { IconCheckbox, IconNotes, IconTimelineEvent } from '@ui/display';
 import {
   CatalogDecorator,

packages/twenty-ui/src/input/button/components/__stories__/ColorPickerButton.stories.tsx

@@ -1,4 +1,4 @@
-import { type Meta, type StoryObj } from '@storybook/react';
+import { type Meta, type StoryObj } from '@storybook/react-vite';
 import { ComponentDecorator } from '@ui/testing';
 import { ColorPickerButton } from '../ColorPickerButton';
 

packages/twenty-ui/src/input/button/components/__stories__/FloatingButton.stories.tsx

@@ -1,4 +1,4 @@
-import { type Meta, type StoryObj } from '@storybook/react';
+import { type Meta, type StoryObj } from '@storybook/react-vite';
 import { IconSearch } from '@ui/display';
 import {
   CatalogDecorator,

packages/twenty-ui/src/input/button/components/__stories__/FloatingButtonGroup.stories.tsx

@@ -1,4 +1,4 @@
-import { type Meta, type StoryObj } from '@storybook/react';
+import { type Meta, type StoryObj } from '@storybook/react-vite';
 import { IconCheckbox, IconNotes, IconTimelineEvent } from '@ui/display';
 import {
   CatalogDecorator,

packages/twenty-ui/src/input/button/components/__stories__/FloatingIconButton.stories.tsx

@@ -1,4 +1,4 @@
-import { type Meta, type StoryObj } from '@storybook/react';
+import { type Meta, type StoryObj } from '@storybook/react-vite';
 import { IconSearch } from '@ui/display';
 import {
   CatalogDecorator,

packages/twenty-ui/src/input/button/components/__stories__/FloatingIconButtonGroup.stories.tsx

@@ -1,4 +1,4 @@
-import { type Meta, type StoryObj } from '@storybook/react';
+import { type Meta, type StoryObj } from '@storybook/react-vite';
 import { IconCheckbox, IconNotes, IconTimelineEvent } from '@ui/display';
 import {
   CatalogDecorator,

packages/twenty-ui/src/input/button/components/__stories__/IconButton.stories.tsx

@@ -1,4 +1,4 @@
-import { type Meta, type StoryObj } from '@storybook/react';
+import { type Meta, type StoryObj } from '@storybook/react-vite';
 import { IconSearch } from '@ui/display';
 import {
   CatalogDecorator,

packages/twenty-ui/src/input/button/components/__stories__/IconButtonGroup.stories.tsx

@@ -1,4 +1,4 @@
-import { type Meta, type StoryObj } from '@storybook/react';
+import { type Meta, type StoryObj } from '@storybook/react-vite';
 import { IconCheckbox, IconNotes, IconTimelineEvent } from '@ui/display';
 import {
   CatalogDecorator,

packages/twenty-ui/src/input/button/components/__stories__/LightButton.stories.tsx

@@ -1,4 +1,4 @@
-import { type Meta, type StoryObj } from '@storybook/react';
+import { type Meta, type StoryObj } from '@storybook/react-vite';
 import { IconSearch } from '@ui/display';
 import {
   CatalogDecorator,

packages/twenty-ui/src/input/button/components/__stories__/LightIconButton.stories.tsx

@@ -1,4 +1,4 @@
-import { type Meta, type StoryObj } from '@storybook/react';
+import { type Meta, type StoryObj } from '@storybook/react-vite';
 import { IconSearch } from '@ui/display';
 import {
   CatalogDecorator,

packages/twenty-ui/src/input/button/components/__stories__/MainButton.stories.tsx

@@ -1,7 +1,7 @@
-import { type Meta, type StoryObj } from '@storybook/react';
-import { expect, fn, userEvent, within } from '@storybook/test';
+import { type Meta, type StoryObj } from '@storybook/react-vite';
 import { IconBrandGoogle } from '@ui/display';
 import { ComponentDecorator } from '@ui/testing';
+import { expect, fn, userEvent, within } from 'storybook/test';
 import { MainButton } from '../MainButton';
 
 const clickJestFn = fn();

packages/twenty-ui/src/input/button/components/__stories__/RoundedIconButton.stories.tsx

@@ -1,7 +1,7 @@
-import { type Meta, type StoryObj } from '@storybook/react';
-import { expect, fn, userEvent, within } from '@storybook/test';
+import { type Meta, type StoryObj } from '@storybook/react-vite';
 import { IconArrowRight } from '@ui/display';
 import { ComponentDecorator } from '@ui/testing';
+import { expect, fn, userEvent, within } from 'storybook/test';
 import { RoundedIconButton } from '../RoundedIconButton';
 
 const clickJestFn = fn();

packages/twenty-ui/src/input/button/components/__stories__/TabButton.stories.tsx

@@ -1,5 +1,5 @@
 import styled from '@emotion/styled';
-import { type Meta, type StoryObj } from '@storybook/react';
+import { type Meta, type StoryObj } from '@storybook/react-vite';
 import {
   IconCheckbox,
   IconChevronDown,