Microsoft Login is mostly working now

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

@@ -18,11 +18,13 @@ import {
   Input,
 } from '@/components/ui';
 import Link from 'next/link';
-import { signIn } from '@/lib/actions';
+import { signIn, signInWithMicrosoft } from '@/lib/actions';
 import { useRouter } from 'next/navigation';
 import { useAuth } from '@/components/context/auth';
 import { useEffect, useState } from 'react';
 import { StatusMessage, SubmitButton } from '@/components/default';
+import { Separator } from '@/components/ui';
+import { SignInWithMicrosoft } from '@/components/default/auth/SignInWithMicrosoft';
 
 const formSchema = z.object({
   email: z.string().email({
@@ -91,7 +93,7 @@ const Login = () => {
         <Form {...form}>
           <form
             onSubmit={form.handleSubmit(handleSignIn)}
-            className='flex flex-col min-w-64 space-y-6'
+            className='flex flex-col min-w-64 space-y-6 pb-4'
           >
             <FormField
               control={form.control}
@@ -144,7 +146,8 @@ const Login = () => {
             </SubmitButton>
           </form>
         </Form>
-
+        <Separator className='my-4' />
+        <SignInWithMicrosoft />
       </CardContent>
     </Card>
   );