5623 add an inviteteam onboarding step (#5769)

## Changes
- add a new invite Team onboarding step
- update currentUser.state to currentUser.onboardingStep

## Edge cases
We will never display invite team onboarding step 
- if number of workspaceMember > 1
- if a workspaceMember as been deleted

## Important changes
Update typeorm package version to 0.3.20 because we needed a fix on
`indexPredicates` pushed in 0.3.20 version
(https://github.com/typeorm/typeorm/issues/10191)

## Result
<img width="844" alt="image"
src="https://github.com/twentyhq/twenty/assets/29927851/0dab54cf-7c66-4c64-b0c9-b0973889a148">



https://github.com/twentyhq/twenty/assets/29927851/13268d0a-cfa7-42a4-84c6-9e1fbbe48912

packages/twenty-front/src/modules/auth/components/Title.tsx

@@ -5,30 +5,30 @@ import { AnimatedEaseIn } from '@/ui/utilities/animation/components/AnimatedEase
 
 type TitleProps = React.PropsWithChildren & {
   animate?: boolean;
-  withMarginTop?: boolean;
+  noMarginTop?: boolean;
 };
 
-const StyledTitle = styled.div<Pick<TitleProps, 'withMarginTop'>>`
+const StyledTitle = styled.div<Pick<TitleProps, 'noMarginTop'>>`
   color: ${({ theme }) => theme.font.color.primary};
   font-size: ${({ theme }) => theme.font.size.xl};
   font-weight: ${({ theme }) => theme.font.weight.semiBold};
   margin-bottom: ${({ theme }) => theme.spacing(4)};
-  margin-top: ${({ theme, withMarginTop }) =>
-    withMarginTop ? theme.spacing(4) : 0};
+  margin-top: ${({ theme, noMarginTop }) =>
+    !noMarginTop ? theme.spacing(4) : 0};
 `;
 
 export const Title = ({
   children,
   animate = false,
-  withMarginTop = true,
+  noMarginTop = false,
 }: TitleProps) => {
   if (animate) {
     return (
-      <StyledTitle withMarginTop={withMarginTop}>
+      <StyledTitle noMarginTop={noMarginTop}>
         <AnimatedEaseIn>{children}</AnimatedEaseIn>
       </StyledTitle>
     );
   }
 
-  return <StyledTitle withMarginTop={withMarginTop}>{children}</StyledTitle>;
+  return <StyledTitle noMarginTop={noMarginTop}>{children}</StyledTitle>;
 };