feat: Add seed people and companies data for demo environment (#2207) (#2307)

* feat: seed companies and people data

* init DataSeedDemoWorkspaceCommand to handle:
- seedCoreSchema()
- seedMetadataSchema()

* feature: Seed workspace with demo data

- delete workspace
- initDemo() with prefillWorkspaceWithDemoObjects()

* added companies-demo.ts with data
* added people-demo.ts with data

* added workspaceId to seedFeatureFlags()

* delete previous CoreSchema before seedCoreSchema

* added workspaceMemberPrefillData

* getDemoWorkspaces() to get DEMO_WORKSPACES from config

* defined DemoSeedUserIds

- created core/demo/ to keep modified seedCoreSchema() there
- DemoSeedUserIds with new set of users and Ids

* generateOpportunities() to seed demo opportunities (limit = 50)

* Code review and fixes

* Fix

---------

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

front/src/modules/ui/layout/page/DefaultLayout.tsx

@@ -44,6 +44,7 @@ const StyledPageContainer = styled.div`
   display: flex;
   flex: 1;
   flex-direction: row;
+  height: 100vh;
 `;
 
 const StyledMainContainer = styled.div`

front/src/modules/ui/layout/page/RightDrawerContainer.tsx

@@ -1,6 +1,7 @@
 import { ReactNode } from 'react';
 import styled from '@emotion/styled';
 
+import { PAGE_BAR_MIN_HEIGHT } from '@/ui/layout/page/PageHeader';
 import { RightDrawer } from '@/ui/layout/right-drawer/components/RightDrawer';
 import { MOBILE_VIEWPORT } from '@/ui/theme/constants/theme';
 
@@ -16,7 +17,9 @@ const StyledMainContainer = styled.div`
   display: flex;
   flex-direction: row;
   gap: ${({ theme }) => theme.spacing(2)};
-  height: 100%;
+  height: calc(
+    100% - ${({ theme }) => theme.spacing(5)} - ${PAGE_BAR_MIN_HEIGHT}px
+  );
   padding-bottom: ${({ theme }) => theme.spacing(3)};
   padding-right: ${({ theme }) => theme.spacing(3)};
   width: 100%;