Update ChooseYourPlan page with new trial period options (#9628)

### Context
- Update /plan-required page to let users get free trial without credit
card plan
- Update usePageChangeEffectNavigateLocation to redirect paused and
canceled subscription (suspended workspace) to /settings/billing page

### To do

- [x] Update usePageChangeEffectNavigateLocation test
- [x] Update ChooseYourPlan sb test



closes #9520

---------

Co-authored-by: etiennejouan <jouan.etienne@gmail.com>

packages/twenty-front/src/modules/billing/hooks/useHandleCheckoutSession.ts

@@ -0,0 +1,50 @@
+import { AppPath } from '@/types/AppPath';
+import { SettingsPath } from '@/types/SettingsPath';
+import { SnackBarVariant } from '@/ui/feedback/snack-bar-manager/components/SnackBar';
+import { useSnackBar } from '@/ui/feedback/snack-bar-manager/hooks/useSnackBar';
+import { useState } from 'react';
+import {
+  BillingPlanKey,
+  SubscriptionInterval,
+} from '~/generated-metadata/graphql';
+import { useCheckoutSessionMutation } from '~/generated/graphql';
+
+export const useHandleCheckoutSession = ({
+  recurringInterval,
+  plan,
+  requirePaymentMethod,
+}: {
+  recurringInterval: SubscriptionInterval;
+  plan: BillingPlanKey;
+  requirePaymentMethod: boolean;
+}) => {
+  const { enqueueSnackBar } = useSnackBar();
+
+  const [checkoutSession] = useCheckoutSessionMutation();
+
+  const [isSubmitting, setIsSubmitting] = useState(false);
+
+  const handleCheckoutSession = async () => {
+    setIsSubmitting(true);
+    const { data } = await checkoutSession({
+      variables: {
+        recurringInterval,
+        successUrlPath: `${AppPath.Settings}/${SettingsPath.Billing}`,
+        plan,
+        requirePaymentMethod,
+      },
+    });
+    setIsSubmitting(false);
+    if (!data?.checkoutSession.url) {
+      enqueueSnackBar(
+        'Checkout session error. Please retry or contact Twenty team',
+        {
+          variant: SnackBarVariant.Error,
+        },
+      );
+      return;
+    }
+    window.location.replace(data.checkoutSession.url);
+  };
+  return { isSubmitting, handleCheckoutSession };
+};