chore: include react components in twenty-ui test config (#4709)

Split from https://github.com/twentyhq/twenty/pull/4518

Part of https://github.com/twentyhq/twenty/issues/4766

- Re-generates some of the twenty-ui test and storybook config with Nx
- Includes tsx files in twenty-ui tests and compiles them with swc

---------

Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com>

packages/twenty-ui/src/components/Pill/__stories__/Pill.stories.ts

@@ -1,20 +1,18 @@
 import { Meta, StoryObj } from '@storybook/react';
 
-import { ComponentDecorator } from '../../testing/decorators/ComponentDecorator';
-
-import { Pill } from './Pill';
+import { ComponentDecorator } from '../../../testing/decorators/ComponentDecorator';
+import { Pill } from '../Pill';
 
 const meta: Meta<typeof Pill> = {
-  title: 'UI/Display/Pill/Pill',
+  title: 'UI/Display/Pill',
   component: Pill,
+  decorators: [ComponentDecorator],
+  args: {
+    label: 'Soon',
+  },
 };
 
 export default meta;
 type Story = StoryObj<typeof Pill>;
 
-export const Default: Story = {
-  args: {
-    label: 'Soon',
-  },
-  decorators: [ComponentDecorator],
-};
+export const Default: Story = {};

packages/twenty-ui/src/nx-react.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="@nx/react/typings/cssmodule.d.ts" />
+/// <reference types="@nx/react/typings/image.d.ts" />
+/// <reference types="@nx/react/typings/styled-jsx.d.ts" />

packages/twenty-ui/src/vite-env.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="vite/client" />
+/// <reference types="vite-plugin-svgr/client" />