Move frontend to Vite 5 (#2775)

* merge squashed

- A couple of CJS modules into ESM (config mostly)
- Vite complains about node.js modules: fixed `useIsMatchingLocation.ts`
	> or use rollupOptions in vite.config.ts
	> ref: f0e4f59d97/vite.config.js (L6)
- Adjust Storybook to work with Vite: use @storybook/test
- Use SWC for jest tranformations
- Remove unused deps:
	- ts-jest: replaced with @swc/jest, typecheck by `tsc`
	- babel plugins
	- @svgr/plugin-jsx: not used
	- @testing-library/user-event: handled by @storybook/test
	- @typescript-eslint/utils: was not plugged in
	- tsup, esbuild-plugin-svgr: will look into that later
- Install Vite required deps, and remove craco/webpack deps
- Adjust SVG to work with Vite as components
- Fixed `Step.tsx`: I dont know if one should be swaped for the other,
  but there should be no slash
- Initial formating and linting:
	- removed empty object params
	- sorting imports, etc..

* prettier: fix pattern

* coverage: sb coverage report isnt working

* Add missing pieces

* `yarn lint --fix`

* fix: scripts permissions

* tsc: cut errors in half

* fix: remove `react-app-env.d.ts`

* tsc: all fixed, except `react-data-grid` types issue

* eslint: ignore env-config.js

* eslint: Align ci with config

* msw: bypass testing warnings

ref: https://stackoverflow.com/questions/68024935/msw-logging-warnings-for-unhandled-supertest-requests

* rebase: and fix things

* Adjust to current `graphql-codegen` no ESM support

* Remove vite plugin and use built-in methods

* rebase: and some fixes

* quick fix + `corepack use yarn@1.22.19`

* Fix build errors

---------

Co-authored-by: Charles Bochet <charles@twenty.com>

front/src/modules/apollo/utils/index.ts

@@ -14,7 +14,7 @@ const parseQuery = (queryString: string) => {
   const queryObj = gql`
     ${queryString}
   `;
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
   const { name } = queryObj.definitions[0] as any;
   return [name ? name.value : 'Generic', queryString.trim()];
 };
@@ -25,10 +25,10 @@ export const loggerLink = (getSchemaName: (operation: Operation) => string) =>
     operation.setContext({ start: Date.now() });
 
     const { variables } = operation;
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
     const operationType = (operation.query.definitions[0] as any).operation;
     const headers = operation.getContext().headers;
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+
     const [queryName, query] = parseQuery(operation.query.loc!.source.body);
 
     if (operationType === 'subscription') {
@@ -65,7 +65,6 @@ export const loggerLink = (getSchemaName: (operation: Operation) => string) =>
         getGroup(!hasError)(...titleArgs);
 
         if (errors) {
-          // eslint-disable-next-line @typescript-eslint/no-explicit-any
           errors.forEach((err: any) => {
             logDebug(
               `%c${err.message}`,