Add email autofill from search params (#16936)

* Add email autofill from search params

Author: letiescanciano

airbyte-webapp/src/packages/cloud/views/auth/SignupPage/components/SignupForm.tsx

@@ -1,6 +1,7 @@
 import { Field, FieldProps, Formik } from "formik";
 import React, { useMemo } from "react";
 import { FormattedMessage, useIntl } from "react-intl";
+import { useSearchParams } from "react-router-dom";
 import styled from "styled-components";
 import * as yup from "yup";
 
@@ -195,15 +196,19 @@ export const SignupForm: React.FC = () => {
     return yup.object().shape(shape);
   }, [showName, showCompanyName]);
 
+  const [params] = useSearchParams();
+  const search = Object.fromEntries(params);
+
+  const initialValues = {
+    name: `${search.firstname ?? ""} ${search.lastname ?? ""}`.trim(),
+    companyName: search.company ?? "",
+    email: search.email ?? "",
+    password: "",
+    news: true,
+  };
   return (
     <Formik<FormValues>
-      initialValues={{
-        name: "",
-        companyName: "",
-        email: "",
-        password: "",
-        news: true,
-      }}
+      initialValues={initialValues}
       validationSchema={validationSchema}
       onSubmit={async (values, { setFieldError, setStatus }) =>
         signUp(values).catch((err) => {