chore: change component name

Author: figueroaignacio

apps/web/modules/auth/ui/form-wrapper.tsx

@@ -8,7 +8,7 @@ import {
 } from "@/components/ui/card";
 import { Separator } from "@/components/ui/separator";
 import { FormLink } from "./form-link";
-import { Social } from "./social";
+import { Providers } from "./providers";
 
 interface FormWrapperProps {
   children: React.ReactNode;
@@ -32,7 +32,7 @@ export function FormWrapper({
       </CardHeader>
       {showSocial && (
         <CardContent>
-          <Social />
+          <Providers />
           <div className="relative my-4">
             <Separator />
             <span className="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 bg-background px-2 text-xs text-muted-foreground">

apps/web/modules/auth/ui/social.tsx apps/web/modules/auth/ui/providers.tsx

@@ -6,7 +6,7 @@ import { Loader2 } from "lucide-react";
 import { signIn } from "next-auth/react";
 import { useCallback, useTransition } from "react";
 
-export function Social() {
+export function Providers() {
   const [isPending, startTransition] = useTransition();
 
   const onClick = useCallback((provider: "github") => {