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/modules/companies/table/components/CompanyTableMockDataEffect.tsx

@@ -0,0 +1,26 @@
+import { useEffect } from 'react';
+
+import { useSetEntityTableData } from '@/ui/table/hooks/useSetEntityTableData';
+import { TableRecoilScopeContext } from '@/ui/table/states/recoil-scope-contexts/TableRecoilScopeContext';
+import { tableColumnsScopedState } from '@/ui/table/states/tableColumnsScopedState';
+import { useRecoilScopedState } from '@/ui/utilities/recoil-scope/hooks/useRecoilScopedState';
+
+import { companiesAvailableColumnDefinitions } from '../../constants/companiesAvailableColumnDefinitions';
+
+import { mockedCompaniesData } from './companies-mock-data';
+
+export function CompanyTableMockDataEffect() {
+  const [, setTableColumns] = useRecoilScopedState(
+    tableColumnsScopedState,
+    TableRecoilScopeContext,
+  );
+  const setEntityTableData = useSetEntityTableData();
+
+  useEffect(() => {
+    setEntityTableData(mockedCompaniesData, [], []);
+
+    setTableColumns(companiesAvailableColumnDefinitions);
+  }, [setEntityTableData, setTableColumns]);
+
+  return <></>;
+}