Various fixes (#11567)

In this PR:
- Remove SignUpLoading blank screen by an empty dark overlay =>
VerifyEffect
- Add ModalContent from pages themselves instead of using it the Layout.
This allow for empty dark overlay without showing an empty modal with
padding

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

@@ -3,7 +3,7 @@ import { ScrollWrapper } from '@/ui/utilities/scroll/components/ScrollWrapper';
 import styled from '@emotion/styled';
 import React from 'react';
 
-const StyledContent = styled(Modal.Content)`
+const StyledContent = styled.div`
   align-items: center;
   justify-content: center;
 `;

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

@@ -10,9 +10,8 @@ import { useSnackBar } from '@/ui/feedback/snack-bar-manager/hooks/useSnackBar';
 import { useRecoilValue } from 'recoil';
 import { isDefined } from 'twenty-shared/utils';
 import { useNavigateApp } from '~/hooks/useNavigateApp';
-import { SignInUpLoading } from '~/pages/auth/SignInUpLoading';
 
-export const Verify = () => {
+export const VerifyEffect = () => {
   const [searchParams] = useSearchParams();
   const loginToken = searchParams.get('loginToken');
   const errorMessage = searchParams.get('errorMessage');
@@ -45,5 +44,5 @@ export const Verify = () => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [clientConfigLoaded]);
 
-  return <SignInUpLoading />;
+  return <></>;
 };