Change type import rule (#13751)

Forcing "type" to be explicit, works best will rollup on the frontend to
exclude depdendencies

packages/twenty-ui/src/testing/decorators/CatalogDecorator.tsx

@@ -1,7 +1,7 @@
 import styled from '@emotion/styled';
 import { isNumber, isString } from '@sniptt/guards';
-import { Decorator } from '@storybook/react';
-import { ComponentProps, JSX } from 'react';
+import { type Decorator } from '@storybook/react';
+import { type ComponentProps, type JSX } from 'react';
 
 const StyledColumnTitle = styled.h1`
   font-size: ${({ theme }) => theme.font.size.lg};

packages/twenty-ui/src/testing/decorators/ComponentDecorator.tsx

@@ -1,4 +1,4 @@
-import { Decorator } from '@storybook/react';
+import { type Decorator } from '@storybook/react';
 
 import { GRAY_SCALE, MAIN_COLORS } from '@ui/theme';
 

packages/twenty-ui/src/testing/decorators/ComponentWithRouterDecorator.tsx

@@ -1,4 +1,4 @@
-import { Decorator } from '@storybook/react';
+import { type Decorator } from '@storybook/react';
 import {
   createMemoryRouter,
   createRoutesFromElements,

packages/twenty-ui/src/testing/decorators/RecoilRootDecorator.tsx

@@ -1,4 +1,4 @@
-import { Decorator } from '@storybook/react';
+import { type Decorator } from '@storybook/react';
 
 import { RecoilRoot } from 'recoil';
 

packages/twenty-ui/src/testing/decorators/RouterDecorator.tsx

@@ -1,5 +1,5 @@
 import { MemoryRouter } from 'react-router-dom';
-import { Decorator } from '@storybook/react';
+import { type Decorator } from '@storybook/react';
 
 export const RouterDecorator: Decorator = (Story) => (
   <MemoryRouter>

packages/twenty-ui/src/testing/types/CatalogStory.ts

@@ -1,9 +1,9 @@
-import { ElementType } from 'react';
-import { StoryObj } from '@storybook/react';
+import { type ElementType } from 'react';
+import { type StoryObj } from '@storybook/react';
 
 import {
-  CatalogDimension,
-  CatalogOptions,
+  type CatalogDimension,
+  type CatalogOptions,
 } from '../decorators/CatalogDecorator';
 
 export type CatalogStory<