Got Apple Auth working

src/app/(auth-pages)/sign-up/page.tsx

@@ -201,8 +201,8 @@ const SignUp = () => {
           <span className='text-sm text-muted-foreground'>or</span>
           <Separator className='flex-1 bg-accent py-0.5' />
         </div>
-        <SignInWithMicrosoft />
-        <SignInWithApple />
+        <SignInWithMicrosoft type='signUp' />
+        <SignInWithApple type='signUp' />
       </CardContent>
     </Card>
   );

src/components/default/auth/SignInWithApple.tsx

@@ -5,7 +5,7 @@ import { useAuth } from '@/components/context/auth';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
 import Image from 'next/image';
-import { Button, type buttonVariants } from '@/components/ui';
+import { type buttonVariants } from '@/components/ui';
 import { type ComponentProps } from 'react';
 import { type VariantProps } from 'class-variance-authority';
 
@@ -68,7 +68,7 @@ export const SignInWithApple = ({
             width={22}
             height={22}
           />
-          <p className='text-[1.0rem]'>Sign in with Apple</p>
+          <p className='text-[1.0rem]'>Sign In with Apple</p>
         </div>
       </SubmitButton>
       {statusMessage && <StatusMessage message={{ error: statusMessage }} />}

src/components/default/auth/SignInWithMicrosoft.tsx

@@ -4,7 +4,7 @@ import { StatusMessage, SubmitButton } from '@/components/default';
 import { useAuth } from '@/components/context/auth';
 import { useState } from 'react';
 import Image from 'next/image';
-import { Button, type buttonVariants } from '@/components/ui';
+import { type buttonVariants } from '@/components/ui';
 import { type ComponentProps } from 'react';
 import { type VariantProps } from 'class-variance-authority';
 
@@ -61,7 +61,7 @@ export const SignInWithMicrosoft = ({
             width={20}
             height={20}
           />
-          <p className='text-[1.0rem]'>Sign in with Microsoft</p>
+          <p className='text-[1.0rem]'>Sign In with Microsoft</p>
         </div>
       </SubmitButton>
       {statusMessage && <StatusMessage message={{ error: statusMessage }} />}

src/lib/actions/auth.ts

@@ -78,7 +78,6 @@ export const signInWithApple = async (): Promise<Result<string>> => {
   const { data, error } = await supabase.auth.signInWithOAuth({
     provider: 'apple',
     options: {
-      scopes: 'openid, profile email offline_access',
       redirectTo: `${origin}/auth/callback?redirect_to=/auth/success`,
     },
   });