Feat/sidecar components (#1578)

* Added a new eslint plugin in TypeScript for Effect components

* Fixed edge cases

* Fixed lint

* Fix eslint

---------

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

front/src/testing/decorators/RootDecorator.tsx

@@ -2,13 +2,13 @@ import { ApolloProvider } from '@apollo/client';
 import { Decorator } from '@storybook/react';
 import { RecoilRoot } from 'recoil';
 
-import { InitializeHotkeyStorybookHook } from '../InitializeHotkeyStorybookHook';
+import { InitializeHotkeyStorybookHookEffect } from '../InitializeHotkeyStorybookHook';
 import { mockedClient } from '../mockedClient';
 
 export const RootDecorator: Decorator = (Story) => (
   <RecoilRoot>
     <ApolloProvider client={mockedClient}>
-      <InitializeHotkeyStorybookHook />
+      <InitializeHotkeyStorybookHookEffect />
       <Story />
     </ApolloProvider>
   </RecoilRoot>