Datamodel overview improvements (#5771)

closes #5586
<img width="707" alt="Bildschirmfoto 2024-06-07 um 14 05 39"
src="https://github.com/twentyhq/twenty/assets/48770548/af5fa200-d71b-41ed-9478-35becfc306a3">

packages/twenty-front/src/pages/settings/data-model/SettingsObjectOverview.tsx

@@ -1,3 +1,4 @@
+import { ReactFlowProvider } from 'reactflow';
 import { IconSettings } from 'twenty-ui';
 
 import { SettingsDataModelOverview } from '@/settings/data-model/graph-overview/components/SettingsDataModelOverview';
@@ -6,7 +7,9 @@ import { SubMenuTopBarContainer } from '@/ui/layout/page/SubMenuTopBarContainer'
 export const SettingsObjectOverview = () => {
   return (
     <SubMenuTopBarContainer Icon={IconSettings} title="Settings">
-      <SettingsDataModelOverview />
+      <ReactFlowProvider>
+        <SettingsDataModelOverview />
+      </ReactFlowProvider>
     </SubMenuTopBarContainer>
   );
 };