New useNavigateApp (#9729)

Todo : 
- replace all instances of useNavigate(
- remove getSettingsPagePath
- add eslint rule to enfore usage of useNavigateApp instead of
useNavigate

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

@@ -5,7 +5,8 @@ import { useSnackBar } from '@/ui/feedback/snack-bar-manager/hooks/useSnackBar';
 
 import { useReadCaptchaToken } from '@/captcha/hooks/useReadCaptchaToken';
 import { useEffect, useState } from 'react';
-import { useNavigate, useSearchParams } from 'react-router-dom';
+import { useSearchParams } from 'react-router-dom';
+import { useNavigateApp } from '~/hooks/useNavigateApp';
 import { EmailVerificationSent } from '../sign-in-up/components/EmailVerificationSent';
 
 export const VerifyEmailEffect = () => {
@@ -18,7 +19,7 @@ export const VerifyEmailEffect = () => {
   const email = searchParams.get('email');
   const emailVerificationToken = searchParams.get('emailVerificationToken');
 
-  const navigate = useNavigate();
+  const navigate = useNavigateApp();
   const { readCaptchaToken } = useReadCaptchaToken();
 
   useEffect(() => {
@@ -44,7 +45,7 @@ export const VerifyEmailEffect = () => {
           variant: SnackBarVariant.Success,
         });
 
-        navigate(`${AppPath.Verify}?loginToken=${loginToken.token}`);
+        navigate(AppPath.Verify, undefined, { loginToken: loginToken.token });
       } catch (error) {
         enqueueSnackBar('Email verification failed.', {
           dedupeKey: 'email-verification-dedupe-key',