fix typo

website/src/components/CloudflareCaptcha.tsx

@@ -2,7 +2,7 @@ import { useColorMode } from "@chakra-ui/react";
 import { Turnstile, TurnstileInstance, TurnstileProps } from "@marsidev/react-turnstile";
 import { forwardRef } from "react";
 
-export const CloudFlareCatpcha = forwardRef<TurnstileInstance, Omit<TurnstileProps, "siteKey">>((props, ref) => {
+export const CloudFlareCaptcha = forwardRef<TurnstileInstance, Omit<TurnstileProps, "siteKey">>((props, ref) => {
   const { colorMode } = useColorMode();
   return (
     <Turnstile
@@ -17,4 +17,4 @@ export const CloudFlareCatpcha = forwardRef<TurnstileInstance, Omit<TurnstilePro
   );
 });
 
-CloudFlareCatpcha.displayName = "CloudFlareCatpcha";
+CloudFlareCaptcha.displayName = "CloudFlareCaptcha";

website/src/pages/auth/signin.tsx

@@ -12,7 +12,7 @@ import { serverSideTranslations } from "next-i18next/serverSideTranslations";
 import React, { useEffect, useRef, useState } from "react";
 import { useForm } from "react-hook-form";
 import { AuthLayout } from "src/components/AuthLayout";
-import { CloudFlareCatpcha } from "src/components/CloudflareCaptcha";
+import { CloudFlareCaptcha } from "src/components/CloudflareCaptcha";
 import { Footer } from "src/components/Footer";
 import { Header } from "src/components/Header";
 import { Discord } from "src/components/Icons/Discord";
@@ -170,11 +170,11 @@ const EmailSignInForm = ({ providerId }: { providerId: string }) => {
           {...register("email")}
         />
         {emailSigninCaptcha && (
-          <CloudFlareCatpcha
+          <CloudFlareCaptcha
             options={{ size: "invisible" }}
             ref={captcha}
             onSuccess={() => setCaptchaSuccess(true)}
-          ></CloudFlareCatpcha>
+          ></CloudFlareCaptcha>
         )}
         <SigninButton
           data-cy="signin-email-button"